PNG 转 ICO 怎么弄?一张图看懂网站图标转换
先直接说结论:PNG 转 ICO 最省事的方法,就是找一个靠谱的在线工具,三步搞定。上传图片 → 选尺寸 → 下载 favicon.ico,全程不到半分钟。我做过一个这样的工具,就在本站首页,纯浏览器本地转换,图片不会上传,你可以直接用。
但如果你想知道"转换"到底在干什么、为什么有时候转出来的图标糊、为什么透明背景没了,下面这部分值得看一眼。
转 ICO 到底是在转什么
ICO 不是一种"图片格式"那么简单,它更像一个容器:一个 ICO 文件里可以装多个尺寸的图标,比如 16×16、32×32、48×48。浏览器、Windows 会看场合挑尺寸用——标签页用小的,桌面快捷方式用大的。
老式 ICO 里面装的是 BMP 位图,又大又有损。现在的 ICO 标准支持直接内嵌 PNG 数据,所以"PNG 转 ICO"本质上就是:把你那张 PNG 生成几个不同尺寸的副本(16、32、48、64……),再打包进 ICO 容器。这也是为什么好的转换工具会同时给你多尺寸,而不是只给一张缩小的图。
新手最容易踩的三个坑
1. 透明背景没了
你的 PNG 本来是透明底的,转完变成白底或黑底。原因多半是工具用了有损的 BMP 打包,或者没保留 Alpha 通道。解决办法:选生成"现代 PNG 内嵌"格式 ICO 的工具,转换时保留透明。
2. 非正方形图片被压变形
ICO 的图标都是正方形的。图片不是正方形的话,工具一般有三种处理:居中裁剪(推荐,最常用)、留白填充、拉伸填充。默认选居中裁剪基本不会错。
3. 尺寸不够全
只生成一个 32×32 的 ICO,在 Windows 任务栏或高分屏上就会糊。建议生成包含 16+32+48 的多尺寸 ICO,条件允许再带上 64 和 256。关于尺寸这事,我单独写了一篇多尺寸 ICO 是什么,讲得更细。
动手试试
回到首页的图片转ICO工具,把 PNG 拖进去,默认就是 Favicon 套装(16+32+48),点一下下载就行。转换在浏览器本地完成,关掉页面不留任何痕迹。