GUIDE深度 · Deep dive

Favicon 要哪些尺寸?

浏览器标签用 16/32,桌面快捷方式 48,Apple touch icon 180,PWA/安卓 192 和 512。至少提供 32 和 180;用 PNG 加 sizes 属性,别只放一个 favicon.ico。每个尺寸都从同一张方图生成,避免放大模糊。

更新 2026-10-31 · 公式可核验

尺寸

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。

数据来源

相关计算器

Favicon 生成器上传图片,中心裁方生成 16/32/48/180/192/512 PNG,附 HTML link 代码;纯本地。

更多指南

小图标怎么设计才清楚?阅读指南