直接答案
图片转 ICO 会在本地解码一张 SVG 或位图 Logo,裁掉透明或近白边距并铺成正方形,再按所选像素尺寸写入 Windows ICO 容器,同时打包同尺寸 PNG。
如何使用此工具
上传一张图片
拖入单个 SVG、PNG、JPG 或 WebP 文件。若是 SVG,会先在浏览器内清除脚本与外部引用再绘制。
选择 ICO 尺寸并收紧边距
默认保留 16、32、48 像素图层,也可追加 64、128、256。自动去边后仍嫌松,可用内缩滑块再收一点。
下载 ZIP 包
导出以源文件名命名的压缩包,内含多层 Favicon ICO,以及每个勾选尺寸各一张 PNG。
浏览器内如何把图片做成 ICO
网站图标和桌面快捷方式需要若干正方形位图。本工具在本机 Canvas 中解码源图,去掉空白边距、补成正方形、按勾选尺寸缩放,再把 Microsoft ICONDIR ICO 与同尺寸 PNG 打进同一个 ZIP。
- 客户端处理:光栅化、去边和 ICO 封装都不离开设备。
- SVG 消毒:绘制前会剥掉 script、事件处理和远程资源。
- 配套 PNG:每个勾选的 ICO 图层都会另存一张同像素 PNG。
实用示例
把 Logo 做成 Favicon 包
输入: 文件:logo.png(四周透明留白偏多的品牌标)
输出: 导出:logo-favicon.zip,内含 logo-favicon.ico 以及 logo-16.png、logo-32.png、logo-48.png
一次得到浏览器标签用的 Favicon 集合,以及每个尺寸对应的 PNG。
限制
- 一次只处理一张图;要换 Logo 请覆盖当前文件。
- 动画 SVG 与动画 WebP 会被拒绝,因为静态 ICO 无法保留多帧动画。
- 浅色 Logo 贴在近白背景上时,去边可能过紧;可减小内缩或先提高对比再导出。
常见问题
哪些文件可以转成 ICO?
SVG、PNG、JPG/JPEG 和 WebP。SVG 会先消毒,脚本与远程网络引用不会执行。
这个工具会上传我的 Logo 吗?
不会。解码、去边、Canvas 缩放、ICO 封装和 ZIP 打包都在浏览器里完成。
权威技术标准与参考文献
- W3C 可缩放矢量图形 (SVG) 2 规范 ↗ — 关于 SVG 文档树、坐标与光栅化渲染的 W3C 正式建议。