GUIDE深度 · Deep dive
Favicon 要哪些尺寸?
浏览器标签用 16/32,桌面快捷方式 48,Apple touch icon 180,PWA/安卓 192 和 512。至少提供 32 和 180;用 PNG 加 sizes 属性,别只放一个 favicon.ico。每个尺寸都从同一张方图生成,避免放大模糊。
尺寸
16/32:标签页。
48:桌面。
180:iOS 主屏。
192/512:PWA。
HTML
`<link rel="icon" sizes="32x32" href="/favicon-32.png">`
`<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png">`
常见问题
还要 favicon.ico 吗?
老浏览器/某些工具会请求;可选保留。
SVG favicon 更好吗?
现代浏览器支持、体积小,但兼容性不如 PNG。