如何将 PNG 转换为 ICO
- 1. 选择图片点击“选择 PNG 文件”，或把 PNG、JPG、WebP、SVG 图片拖到框里。
- 2. 点击“转换”在“输出”中选择“ICO 文件”或“Favicon 图标包（.zip）”，然后点击“转换”。
- 3. 下载逐个下载结果，或用“全部下载（.zip）”一次保存。
关于 ICO 和 PNG
ICO 是 Windows 的图标格式。一个 .ico 文件可以存放同一个图标的多种尺寸，从 16 × 16 到 256 × 256 像素。Windows 和浏览器会挑选合适的尺寸。
PNG 只存放一张图片、一种尺寸。Windows 不能把它用作文件或文件夹图标，很多工具也仍然会查找 favicon.ico。
| PNG | ICO | |
|---|---|---|
| 每个文件的图片数 | 一张 | 多种尺寸 |
| 最大尺寸 | 基本没有限制 | 256 × 256 像素 |
| 透明 | 支持 | 支持 |
| Windows 能否用作图标 | 不能 | 能 |
| 能否用作网站 favicon | 能，限新版浏览器 | 能，到处通用 |
| 适合 | 设计图、网页图片 | favicon、Windows 快捷方式和文件夹 |
ICO 文件还是 favicon 图标包
“ICO 文件”会生成一个 .ico，包含 16 到 256 像素的常用尺寸。可以用于 Windows 快捷方式、文件夹和应用，也可以用作 favicon.ico。
“Favicon 图标包（.zip）”用于网站。里面有 ICO 文件，还有浏览器、手机和主屏幕用到的各种尺寸的 PNG 图标。把这些文件上传到网站，再在页面的 head 中引用它们。
制作图标的建议
- 使用至少 256 × 256 像素的正方形图片。图片太小或不是正方形，图标会发虚或填不满。
- 用简洁的图形或首字母。带文字的横向标志在 16 × 16 下看不清。
- 使用透明背景，这样图标在浅色和深色的浏览器主题下都能用。
- SVG 的效果最清晰，因为每种尺寸都会重新渲染。
- 把 favicon.ico 放在网站根目录。即使页面没有链接它，浏览器也会查找 /favicon.ico。
- 浏览器会长时间缓存 favicon。如果看到的还是旧图标，可以打开无痕窗口，或清除缓存。
- 要从现有图标中取出图片，请使用ICO 转 PNG。
在 Windows 上更换文件夹或快捷方式图标
右键点击文件夹，选择“属性 → 自定义 → 更改图标”。快捷方式则选择“属性 → 更改图标”。找到你的 .ico 文件并应用。
请把 .ico 文件放在固定的位置，因为 Windows 会从那里读取它。
隐私
转换在你的浏览器中进行。图片不会上传到服务器。
常见问题
ICO 文件包含哪些尺寸？
一个文件中包含从 16 × 16 到 256 × 256 像素的常用图标尺寸。Windows 和浏览器会挑选合适的那个。
怎样为网站制作 favicon？
添加一个正方形标志，选择“Favicon 图标包（.zip）”，然后点击“转换”。解压后把文件上传到网站根目录，再在页面的 head 中引用它们。
能用 JPG 或 SVG 制作 ICO 吗？
能。这个工具接受 PNG、JPG、WebP 和 SVG。JPG 不支持透明，想要透明背景请用 PNG、WebP 或 SVG。
ICO 会保留透明吗？
会。PNG、WebP 或 SVG 中的透明区域在图标中仍然透明。
现在还需要 favicon.ico 吗？
需要，用作备用。新版浏览器可以使用 PNG 或 SVG 格式的 favicon，但根目录中的 favicon.ico 兼容性最广。
为什么图标在小尺寸下看起来模糊？
在 16 × 16 像素下，精细的细节和细小的文字无法保留。请用笔画粗、形状简洁的图形，并从至少 256 × 256 像素的图片开始。