PNG 转 ICO(网站图标)
这不是把 PNG 改个后缀名,而是生成真正的网站图标:输出的 .ico 内含 16×16、32×32、48×48 三个版本,均由源图干净缩小而来,浏览器和 Windows 会自动挑选最清晰的尺寸。建议使用边长至少 48 px 的正方形 PNG,256 px 最理想;非正方形图片会按居中方式裁剪。
需要反向转换? ICO 转 PNG
使用方法
准备一张边长 48 px 以上的正方形 PNG——256 px 最合适——拖放到上方工具中。
如有需要会先居中裁剪成正方形,再干净地缩小为 16、32、48 px 三个带透明通道的图标条目。
把生成的 .ico 放到网站根目录作为 /favicon.ico,多个标志也可以打包成 ZIP 一次下载。
PNG vs ICO
与其说是格式之争,不如说是包装环节:PNG 保存着完整精度的原图,ICO 则把它重新打包成标签页、任务栏和快捷方式真正需要的 16/32/48 px 组合。正经的网站最终两者都会用上,各司其职。
| PNG | ICO | |
|---|---|---|
| 压缩方式 | 无损 | 无损(内含 BMP 或 PNG) |
| 透明度 | 支持(完整 Alpha) | 支持(完整 Alpha) |
| 动画 | 不支持 | 不支持 |
| 兼容性 | 通用——所有浏览器、软件和系统 | 作为网站图标全平台通用 |
| 适合用途 | 标志、截图、需要透明背景的图片 | 网站图标(favicon)、Windows 应用图标 |
常见问题
不会。所有转换都通过 WebAssembly 在您的浏览器内完成,文件自始至终不会离开您的设备,全程没有任何服务器参与。页面加载完成后即使断网也能继续使用,文件大小也没有限制,仅取决于设备内存。
不同场景需要不同尺寸:浏览器标签页用 16 px,任务栏和收藏夹用 32 px,Windows 快捷方式用 48 px。多尺寸 ICO 让每个使用方直接取用原生尺寸,避免临时缩放导致模糊——这正是该格式的设计初衷。
大多数情况下仍然需要:现代浏览器虽然接受 PNG 图标,但 /favicon.ico 依旧是浏览器、爬虫、RSS 阅读器和旧收藏夹会直接请求的通用回退地址。稳妥的做法是两者都放——根目录放这个 .ico,再配一张 512 px 的 PNG 供高分屏和 PWA 使用。
图标天生是正方形,工具会先按最大居中正方形裁剪再缩放。如果这一刀会切掉重要内容,请先在编辑器里把图片处理成正方形,或者直接从设计工具导出正方形版本。
两个都要:<link rel="icon"> 挂的 PNG 覆盖现代浏览器,而 /favicon.ico 是爬虫、订阅器和老式固定标签页盲目请求的地址。.ico 还内置三种尺寸,展示时不会临时把大图缩到 16 px。两个文件,一分钟搞定,所有场景全覆盖。
横向的文字标(居中裁剪后只剩难以辨认的中段)、照片(细节在 16 px 下会消失,参见 JPG转ICO),以及边长不足 48 px 的小图——那会被迫放大。理想的源文件是约 256 px 的正方形简洁高对比标志,多数品牌规范里的「符号版」正是如此。
相关工具
ICO 转 PNG
在浏览器内把 ICO 图标转换为 PNG——免费、私密、无需上传。从 favicon 或 Windows 图标中提取出可编辑的无损图片,透明通道原样保留,随处可用。
JPG 转 ICO(网站图标)
在浏览器内把 JPG 照片做成多尺寸 ICO 网站图标——免费、无需上传。自动居中裁剪成正方形,一个文件同时输出 16、32、48 px 三种标准尺寸,全程在本地完成,照片不会上传。
SVG 转 ICO(网站图标)
在浏览器内把 SVG 矢量图转换成 ICO 网站图标——免费、无需上传。先按 4 倍尺寸渲染再缩小,16、32、48 px 每个尺寸都锐利到像素级别,透明效果与设计稿保持一致。
PNG 转 PDF
PNG转PDF在线免费转换,无水印。截图和图表以无损方式嵌入,页面尺寸与图片一致,文字保持锐利。文件在浏览器内处理,绝不上传,适合表单、工单和公务提交,截图里的小字也不会糊。