为什么现代网站不能只放一张 png 当图标?
早期的网站只需在网站根目录放一个 16×16 的 favicon.ico。但在视网膜高清屏、Windows 任务栏、iOS 桌面快捷方式、Android PWA 以及不同浏览器的收藏夹中,需要的尺寸大不相同。如果只放小图,手机桌面图标会严重模糊;如果只放大图,浏览器标签页缩放时会产生严重锯齿。
真正的 ICO 二进制文件结构
网络上很多所谓的“图标生成工具”,其实只是粗暴地将 png 文件名重命名为 .ico,遇到 Windows 资源管理器或部分严格客户端时会直接报错。Lucentool 在浏览器内存中直接构造标准的 ICO 头文件结构(ICONDIR + ICONDIRENTRY),将 16×16、32×32、48×48 三套 PNG 编码数据流无缝封装进同一个二进制 .ico 文件中,兼容全平台。
PWA 与现代移动设备支持
- apple-touch-icon.png (180×180): iOS Safari 将网页“添加到主屏幕”时调用的标准高保真图标。
- android-chrome (192×192 / 512×512): Android Chrome 渐进式网页应用(PWA)启动画面及应用抽屉图标。
- site.webmanifest: 标准的 W3C Web 应用清单配置文件,定义应用名称、主题颜色和启动图。