2026 年的 Favicon 尺寸:一份覆盖一切的精简清单
过去的建议是一个装着二十个图标的文件夹。它们大多针对无人再用的设备。这是覆盖 2026 年每个真实界面的精简清单。
为什么这份清单变短了
过去十年那些庞杂的 favicon 包,是为了覆盖旧版 iOS、旧版 Android 启动器和 Windows 磁贴而存在的。这些界面要么已经消失,要么不再读取这些标签。为它们发布图标只会增加字节数和 link 标签,却没有任何东西去使用它们。
现代的这套只针对仍然存在的界面:浏览器标签页、iOS 主屏幕,以及通过 manifest 覆盖的 Android 启动器。六个文件,其中一个还是可选的。
你真正需要的尺寸
| 尺寸 | 用于 | 保留吗? |
|---|---|---|
| 16, 32, 48 | 浏览器标签页和书签,打包在 favicon.ico 内 | 保留 |
| 180x180 | 用于 iOS 主屏幕的 apple-touch-icon | 保留 |
| 192x192 | Android 启动器图标,在 manifest 中列出 | 保留 |
| 512x512 | PWA 启动画面和安装提示,在 manifest 中列出 | 保留 |
| SVG | 任何尺寸下都清晰的标签页图标,可适配深色模式 | 可选 |
应该停止发布的尺寸
| 尺寸 | 曾用于 | 保留吗? |
|---|---|---|
| 57, 60, 72, 76 | 用于 iOS 6 和更旧 iPad 的 apple-touch-icon | 移除 |
| 114, 120, 144, 152 | 用于旧款 iPhone 和 iPad 的 Retina apple-touch-icon | 移除 |
| 70, 150, 310 | 通过 browserconfig.xml 提供的 Windows 磁贴图标 | 移除 |
| 96, 160, 196 | 各种旧版 Android 和 Chrome 快捷方式尺寸 | 移除 |
关于 apple-touch-icon 的数量
旧的图标包会为每个 retina 尺寸都发布一个 apple-touch-icon,因为早期 iOS 无法很好地缩放单个图标。当前的 iOS 只取一个 180x180 的 PNG,并为它需要的每个场景把它缩小。一个文件就取代了从 apple-icon-57 到 apple-icon-152 的整条阶梯。
Android 也是同样的情况。manifest 列出 192 和 512,启动器会推导出其余的尺寸。你不需要手工制作每个中间尺寸。
常见问题
2026 年我需要哪些 favicon 尺寸?
在一个 favicon.ico 里放 16、32 和 48;一个 180x180 的 apple-touch-icon;一个 192x192 和一个 512x512 的 PNG 供 manifest 使用;再加一个可选的 SVG。这覆盖了标签页、iOS 和 Android。
我还需要 apple-icon-57、72 和 114 吗?
不需要。当前的 iOS 取一个 180x180 的 apple-touch-icon 并缩放它。那条 retina 尺寸阶梯针对的是如今几乎没人使用的 iOS 版本。
我应该发布 Windows 磁贴图标吗?
不该。70、150 和 310 磁贴尺寸以及 browserconfig.xml 针对的是已停用的 Windows 动态磁贴。把它们去掉。
一个 favicon.ico 能包含多个尺寸吗?
能。.ico 格式是一个容器,在单个文件中包含 16、32 和 48。浏览器会从中挑选它需要的尺寸。