网站图标 (.ico) 与 PNG
ICO 和 PNG 不是竞争对手，而是合作伙伴。现代图标设置使用 .ico 作为通用后备，并使用 PNG 作为高 DPI 覆盖。这正是每个人获胜的时候。
ICO 的独特之处在于单个文件嵌入了多种分辨率。浏览器或操作系统在绘制时选择最接近的匹配 - 没有放大，没有模糊边缘。
PNG 在任何单独分辨率下都更清晰，并支持更好的纯色徽标压缩。它无法在一个文件中嵌入多种尺寸。
最佳设置是一个多尺寸 .ico 以及适用于高 DPI 浏览器和 iOS 的独立 32×32 和 180×180 PNG。
工作原理
- 1
从 512×512 源开始
PNG 或 SVG。
- 2
生成两种格式
FetchFavicon 输出多尺寸 .ico 以及独立的 16/32/48/180/192/512 PNG。
- 3
在 <head> 中链接两者
<link rel="icon" href="/favicon.ico"> 后跟 <link rel="icon" type="image/png" Sizes="32x32" href="/favicon-32x32.png">。
立即尝试
生成 .ico 和 PNG
PNG 转 ICO 转换器常见问题
哪个文件较小？+
单个 PNG 比具有相同分辨率的 .ico 小，但多尺寸 .ico 可以替代 4-6 个 PNG，并且通常在总字节数上获胜。
Google 是否在搜索结果中显示 PNG 图标？+
是的。 Google 支持 .ico 和 PNG。它更喜欢至少 48×48 的正方形纵横比。
PNG可以支持深色模式吗？+
不直接。将 SVG 变体与 PNG 一起使用以获得暗模式支持。