多尺寸 ICO 是什么?为什么网站图标需要它
你下载的 favicon.ico 可能只有几 KB,但它里面装的往往不是一张图,而是一整套不同尺寸的图标——16×16、32×32、48×48,甚至 256×256。这种一个文件塞多个尺寸的设计,就叫多尺寸 ICO。
为什么要塞这么多尺寸
因为同一个图标,会在完全不同的地方出现,而每个地方需要的尺寸都不一样:
| 显示场景 | 常用尺寸 |
|---|---|
| 浏览器标签页 | 16×16 |
| 地址栏、收藏夹 | 16×16、32×32 |
| Windows 任务栏 | 32×32 |
| 桌面快捷方式 | 48×48、64×64 |
| 高分屏(Retina/4K) | 128×128、256×256 |
ICO 文件的好处就是:把 16 到 256 全部打包进去,系统会按场景自动选最合适的那一个——小场景用小图,不浪费;高分屏用大图,不模糊。
只放一个大图行不行
理论上系统可以把 256×256 缩小到 16×16 用,但效果不好:缩小过程会糊、边缘发虚,还白白增加文件体积。反过来,只放一个小图,在任务栏和高分屏上就会明显发虚。多尺寸是兼顾清晰度和体积的最优解,这也是为什么正规的 favicon 都是多尺寸的。
怎么生成多尺寸 ICO
不用手动做五张图再合成,在线工具一步到位:
- 打开图片转ICO工具,拖入你的图片。
- 尺寸模式选"Favicon 套装"(16+32+48)——日常够用;想更全面就选"完整套装"(16 到 256 共 6 个尺寸)。
- 下载 favicon.ico,放进网站根目录。
图片如果不是正方形,建议用"居中裁剪",保证每个尺寸下主体都居中、不变形。透明背景会自动保留,深浅色主题下都好看。