Reference
一个 Favicon 文件该有多大?
favicon 是小文件。一个多尺寸 favicon.ico 通常是 5–15KB,单个 PNG 尺寸从几千字节到几十千字节,就连一个 512x512 的 PWA 图标通常也远小于 100KB。如果一个 favicon 有几百千字节,那就有问题了:通常是一张全分辨率照片被以图标尺寸保存、却没有被正确调整大小。
天生就小
一个 favicon 的像素非常少,所以它能压缩到几乎没有。没有性能上的理由去为它的大小操心:它是几千字节,取一次,之后就被浏览器狠狠缓存。
唯一值得看一眼文件大小的时候,是它出人意料地大,那指向一个错误、而不是一个设计选择。
大致可预期的尺寸
| 文件 | 典型大小 |
|---|---|
| favicon.ico (multi-size) | 5–15KB |
| 32x32 PNG | 1–3KB |
| apple-touch-icon (180) | 5–20KB |
| 512x512 PNG | 20–90KB |
Favicon 文件大小常见问题
一个 favicon 该有多大?
以千字节计:一个 favicon.ico 通常 5–15KB,小 PNG 各几 KB,一个 512px 图标小于 100KB。以像素计,它是一套从 16 到 512 的方形尺寸。
我的 favicon 太大了吗?
如果任何单个图标有几百千字节,那就是:它很可能是一张全尺寸图像被以图标尺寸保存却没有调整大小。按正确尺寸重新导出。
favicon 文件大小影响页面速度吗?
影响微乎其微。favicon 很小,且在首次请求之后就被激进缓存,所以它们不是加载时间中一个有意义的因素。