tools / png-to-ico
png-to-ico/
把 PNG、JPG、WebP、SVG 转成 ICO 图标:一个 .ico 文件打包多种尺寸,可做网站 favicon 或 Windows 图标,透明背景保留。图片不上传,在浏览器本地转换。
预览
每个尺寸都按实际像素显示,格子底表示透明。
怎么把 PNG 转成 ICO
- 选择或拖入图片,PNG、JPG、WebP、SVG、GIF、BMP 都可以。
- 选尺寸:做程序、快捷方式或文件夹图标选「Windows 图标」,做网站图标选「网站 favicon」,也可以自己勾选。
- 看一眼每个尺寸的预览,点「下载 ICO」。
ICO 应该包含哪些尺寸
Windows 图标:微软建议至少包含 16、24、32、48 和 256 这五个尺寸。Windows 会先找完全一样大的,找不到就拿大一号的缩小,所以带上 256 就只会缩小、不会放大。高分屏上想更清楚,可以再勾 20、40、64。
网站 favicon:浏览器标签页用 16 和 32;Google 建议搜索结果里的 favicon 大于 48×48,所以预设里多带一个 64。把文件改名为 favicon.ico 放到网站根目录,浏览器一般会自动读取;也可以在 head 里加上这一行:
<link rel="icon" href="/favicon.ico">
原图最好是正方形、至少 256×256。小图放大到 256 会发虚,转换时页面会提示。
生成的 ICO 文件
- 256 以下的尺寸用 32 位 BMP 存储,带透明通道和遮罩,兼容性最好(PNG 压缩的图标要 Windows Vista 起才支持);256 用 PNG 压缩,文件更小。
- 透明背景原样保留;JPG 本身没有透明,会保留原来的底色。
- 不是正方形的图片,可以四周留透明边,也可以居中裁成正方形。
- 图片只在你的浏览器里处理,不会上传到任何服务器。
常见问题
JPG、SVG 也能转 ICO 吗?
可以。SVG 是矢量图,每个尺寸都按目标大小重新绘制,小尺寸也清楚。
为什么 16×16 看起来糊?
细节多的图缩到 16 像素本来就难看清。小尺寸建议用简化过的图形:线条粗、字少、对比强。