第一次把 logo 转成 ICO 当网站图标,结果浏览器标签页上糊成一团。查了才明白:ICO 不是简单的"改后缀",而是一个多尺寸图标容器。糊不糊,取决于源图大小和转的时候塞了哪些尺寸档。我用几张不同分辨率的 PNG 实测了一遍。
为什么 PNG 改 ICO 后会糊
系统显示图标时会按当前位置挑最合适的尺寸档。小到任务栏 16×16、大到高分屏 256×256,都需要对应档位。如果 ICO 里只有 32×32 一档,放大到 256 就靠插值硬拉,自然糊。
我用同一张 logo 做了三组测试:
| 源图 | ICO 含档位 | 16×16 显示 | 高分屏 256×256 |
|---|---|---|---|
| 128×128 PNG | 16/32/48 | 轻微发虚 | 已放大,明显糊 |
| 256×256 PNG | 16/32/48/256 | 清晰 | 清晰 |
| 512×512 PNG | 全档含 256 | 清晰 | 非常清晰 |
结论:源图至少 256×256,且 ICO 里要包含 256×256 档,高分屏才不糊。低于 256 的源图在小尺寸下也会发虚。
保持高清的 3 个做法
- 用 256×256 或 512×512 的 PNG 作源图,别拿已被压缩的小图再转。
- 转换时勾选"包含所有尺寸"或至少包含 256×256 一档。
- 保留源 PNG 的透明通道,避免白边造成的视觉模糊。
用 NBTools 的 PNG 转 ICO 工具,在浏览器本地用双三次插值缩放,放大时最大限度保留细节,免费、无水印、文件不上传。
分场景建议
- 网站 favicon:源图 256+,勾全尺寸档,含透明
- 程序/App 图标:源图 512,全档
- 仅任务栏用:源图 128 也够,但建议仍出全档以备高分屏
- 浅色背景平台:可填白底;深色背景平台用透明
常见问题
png 改成 ico 难吗
不难。本质是把 PNG 像素按 ICO 容器规范重新打包,在线工具"上传→选尺寸→下载"即可,不用 Photoshop。
免费有限制吗
NBTools 该工具免费、不限次数、无水印,单张建议不超过 4096×4096 像素。
透明背景会丢吗
不会。PNG 的透明通道转换后完整保留。
为什么高分屏还糊
ICO 里缺 256×256 档。补上大尺寸档即可解决。
相关工具
- PNG 转 ICO 在线工具:https://nbtools.cn/tools/png-to-ico
- 图片转 ICO 综合教程:https://nbtools.cn/blog/png-to-ico-guide