ICO 一键多平台适配

出海 工具推荐 转载

早上好，朋友们！

今天分享一下ico的设置。

网站的为了 兼容不同设备、系统和场景，会有很多个文件

浏览器标签页可能只需要 16×16 或 32×32 的小图标。

桌面快捷方式、书签栏可能需要 48×48 或更大尺寸。

移动端（Android、iOS 的添加到主屏幕功能）通常要求 180×180、192×192、512×512 甚至更大的 PNG 图标。

因此网站通常会提供一组不同大小的 favicon 文件，方便系统按需调用。

通常一个网站会放置：

favicon.ico（兼容旧浏览器）

favicon-16x16.png

favicon-32x32.png

apple-touch-icon.png

android-chrome-192x192.png

android-chrome-512x512.png

site.webmanifest（里面写明各个图标的路径）

这个多ico 我们要怎么设置呢？难道一个一个的命名，重新调整大小么

这里推荐一个网站，只需要上传一个ico 就能批量生成一堆ico ，不需要你去命名，调整大小

https://favicon.io/favicon-converter/

下载下来直接是这样打包好的

图片

这个痛点其实挺痛的，我之前就是一个一个的去调整大小，改名。或者用cc 去修改。但是都挺费时间。用这个网站的话，一键就处理好了。

这个网站的流量也是差不多快百万了，所以我们做网站的时候，也是要去挖掘这种实实在在的需求点、痛点。生活当中发现麻烦问题的时候，这也许就是你的一个机会点。

原文来自微信公众号，原始链接：原文