如何将 PNG 转换为 ICO
- 选择一张正方形 PNG(最好为 256 × 256 像素或更大),或将其拖放到页面上。
- 勾选所需的图标尺寸;默认已选中 16、32、48 和 256。
- 下载 ICO 文件。非正方形的图片会居中放置在透明背景上。
需要哪些图标尺寸?
| 尺寸 | 用途 |
|---|---|
| 16 × 16 | 浏览器标签页、书签和小列表视图 |
| 32 × 32 | 高分辨率屏幕上的标签页、Windows 任务栏 |
| 48 × 48 | 正常缩放下的 Windows 文件资源管理器和桌面 |
| 64 × 64 和 128 × 128 | 大图标视图和高 DPI 显示器 |
| 256 × 256 | Windows 文件资源管理器中的超大图标 |
网站 favicon 只需 16、32 和 48。Windows 上的程序或快捷方式图标应包含 256。每种尺寸都以 PNG 格式存储在 ICO 文件中(所有浏览器以及 Windows Vista 及更高版本都支持),因此透明效果得以保留。
把 favicon 添加到网站
把 favicon.ico 上传到网站根目录,例如 https://example.com/favicon.ico,浏览器会自动在那里查找。你也可以在页面的 <head> 中引用它:
<link rel="icon" href="/favicon.ico" sizes="any">- iPhone 和 iPad 主屏幕使用 180 × 180 的 PNG:
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> - Android 和可安装的 Web App 使用 192 × 192 和 512 × 512 的 PNG,需在 Web App Manifest 中列出。
常见问题
ICO 文件是什么?
ICO 文件包含同一图标的多种尺寸,这样 Windows 和浏览器就能为每个位置(标签页、任务栏或大桌面图标)挑选最清晰的那一个。
ICO 会保留透明效果吗?
会。各个尺寸都以带完整透明度的 PNG 图像存储。
可以把 JPG 或 SVG 转换为 ICO 吗?
可以,拖入任意图片即可。对于较小的 SVG 图标,请使用图片格式转换器并设置较大的 SVG 文件宽度,让 256 像素的尺寸保持清晰。
我的文件会被上传吗?
不会。图标在你的浏览器中生成,始终不会离开你的设备。