Favicon Tools检测创建
参考
基础

2026 年的 Favicon 尺寸:一份覆盖一切的精简清单

· 5 min read

过去的建议是一个装着二十个图标的文件夹。它们大多针对无人再用的设备。这是覆盖 2026 年每个真实界面的精简清单。

为什么这份清单变短了

过去十年那些庞杂的 favicon 包,是为了覆盖旧版 iOS、旧版 Android 启动器和 Windows 磁贴而存在的。这些界面要么已经消失,要么不再读取这些标签。为它们发布图标只会增加字节数和 link 标签,却没有任何东西去使用它们。

现代的这套只针对仍然存在的界面:浏览器标签页、iOS 主屏幕,以及通过 manifest 覆盖的 Android 启动器。六个文件,其中一个还是可选的。

你真正需要的尺寸

尺寸用于保留吗?
16, 32, 48浏览器标签页和书签,打包在 favicon.ico 内保留
180x180用于 iOS 主屏幕的 apple-touch-icon保留
192x192Android 启动器图标,在 manifest 中列出保留
512x512PWA 启动画面和安装提示,在 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。浏览器会从中挑选它需要的尺寸。

Generate your icon set

Keep reading