如何将 PNG 转换为 ICO
- 把一张图片拖放到上传区域。PNG 效果最好，但也支持 JPG、WebP 和其他图片格式。
- 选择图标尺寸：
- 16、32、48 px（favicon） – 网站
favicon.ico的标准尺寸组合。 - 16–256 px（Windows图标） – 额外加入 64、128 和 256 px 版本，用于桌面快捷方式和应用程序。
- 16、32、48 px（favicon） – 网站
- 点击创建.ico，然后下载图标文件。
图标在您的浏览器中生成；您的图片绝不会被上传或存储。
什么是 ICO 文件？
ICO 是 Windows 以及最初的浏览器 favicon 标准所使用的图标格式。与 PNG 不同，一个 .ico 文件是一个容器，可以容纳多张不同尺寸的图片。操作系统或浏览器会根据不同场景选用最合适的尺寸：浏览器标签页用 16 px，任务栏或书签用 32 px，桌面图标用 48 px，大图标视图最高可达 256 px。
本转换器会把每种尺寸以 PNG 压缩图片的形式存入 ICO 文件。PNG 压缩的图标保留完整的透明度，体积比未压缩的位图小得多，并且目前所有浏览器以及 Windows Vista 及更高版本的 Windows 都支持这种图标。
| 尺寸 | 使用场景 |
|---|---|
| 16 × 16 | 浏览器标签页、地址栏、书签 |
| 32 × 32 | 任务栏快捷方式、高像素密度屏幕上的浏览器标签页 |
| 48 × 48 | Windows 桌面和网站快捷方式 |
| 64–256 | Windows 中的大图标视图和高分辨率显示屏 |
为网站添加 favicon
把 favicon.ico 上传到网站的根目录。浏览器会自动查找 /favicon.ico，但最好还是在页面的 <head> 中明确引用它：
<link rel="icon" href="/favicon.ico" sizes="any">许多网站还会提供一张 180 × 180 px 的 PNG 作为 apple-touch-icon，用于 iPhone 和 iPad 的主屏幕。您可以用调整图片大小制作。
让图标更清晰的技巧
- 从正方形图片开始，尺寸至少为 256 × 256 px，最好是 512 px。非正方形的图片不太适合方形的图标格式。
- 保持简洁。在 16 × 16 px 下，精细的细节和小字都会消失。醒目的符号或单个字母效果最好。
- 使用透明背景（PNG），让图标在浅色和深色浏览器主题中都能自然融合。
- 有矢量 Logo？先用 SVG转PNG 以大尺寸渲染出来，再到这里转换。
常见问题
网站应该选择哪些图标尺寸？
16、32、48 px 这组尺寸涵盖浏览器标签页、书签和快捷方式，同时保持文件较小。如果是 Windows 应用程序或桌面图标，请选择 16–256 px 这组尺寸。
可以把 JPG 转换为 ICO 吗？
可以。任何浏览器能打开的图片都可以使用，但 JPG 不支持透明，所以图标会带有纯色背景。
只用 PNG 格式的 favicon 就够了吗？
现代浏览器支持 PNG 和 SVG 格式的 favicon，但对于直接请求 /favicon.ico 的旧版浏览器和工具来说，放在网站根目录的 ICO 文件仍然是兼容性最好的备用方案。
更新于