图片转ICO
用手头任何图片制作favicon.ico或Windows图标:logo的PNG、设计师给的SVG、品牌素材包里的JPG,甚至手机拍的照片都可以。输出文件包含多个尺寸。下文介绍哪种源图效果最好,以及各平台还需要哪些图标文件。
图片格式转换
或将JPG, JPEG, JPE … 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理,并在 30 分钟后删除。
85 可使照片在视觉上与原图无差别。只有在需要更小的文件时才调低。
JPG、BMP 和 EPS 不支持透明。透明像素会用此颜色填充。
用于透明像素底色的十六进制颜色,例如 #FFFFFF。
此格式只能保存单张图像。如需保留动画,请选择输出 GIF 或 WebP。
多尺寸图标在一个文件中包含多种分辨率,浏览器和操作系统会选用所需的尺寸。
保持原始尺寸,或输入一边的数值,自动保持宽高比。
上面所选边的像素值。
相对于原始尺寸的百分比。
屏幕和网页使用 sRGB 即可。印刷流程请保持原样;灰度会丢弃颜色。
仅写入元数据,0 表示保留原值。打印机和部分网站会读取此数值,它不会改变像素尺寸。
使用方法
- 1
选择最干净的源图
上传要用作图标的图片,最好是 256 × 256 px 或更大的方形徽标或符号。
- 2
图标尺寸保持“全部”
在高级设置中,图标尺寸默认为所有尺寸(16–256)。只有程序明确要求单一尺寸时才选择单个尺寸。
- 3
转换并测试
点击转换为 ICO,下载文件,并在发布前先在浏览器标签页或桌面上查看效果。
如何把图片转换成 ICO 图标?
上传至少 256 × 256 px 的方形图片,保持图标尺寸为所有尺寸(16–256),然后点击转换为 ICO。你会得到一个包含 16、32、64、128 和 256 px 版本的文件,可直接用作 favicon.ico 或 Windows 快捷方式图标。
图片转ICO:选择哪种源图
ICO 是微软的图标容器格式,和 Windows 一样古老。它存储的不是一张图片,而是一个小型图片目录,自 Windows Vista 起,最大的 256 px 条目可以采用 PNG 压缩。浏览器在 1999 年开始采用这种格式,当时 Internet Explorer 5 开始向每个网站请求 /favicon.ico。
转换器会把图片缩小到最低 16 px,所以源图比任何设置都更能决定结果。上传前先评估手头的素材,如果图片偏宽,请先裁成方形;裁剪图片工具几秒钟就能设置 1:1 的裁剪框。
矢量徽标(SVG、EPS、AI)
每个尺寸都会重新栅格化,边缘始终清晰。如果设计师能提供,这是最佳选择。
透明背景的 PNG 或 WebP
保留标签栏可透出的透明背景。建议从 256 px 或更大的尺寸开始。
JPG、HEIC 或截图
可以使用,但方形背景会一并保留。请填充或裁剪,让四个角看起来是有意设计的。
各平台在哪里查找图标文件
32 × 32 px
favicon.ico(浏览器标签页)
标签页和书签使用 16 和 32 px;本页生成的 ICO 同时包含这两种
256 × 256 px
Windows 快捷方式或 .exe
大图标视图和高 DPI 屏幕会选用 256 px 的条目
180 × 180 px
apple-touch-icon.png
是 PNG,不是 ICO;用户把网站添加到 iPhone 主屏幕时使用
512 × 512 px
Web 应用 manifest 图标
在 manifest.json 中列出的 PNG,需同时提供 192 px 版本,用于可安装的网页应用
ANY I
任意图片
此工具支持常见的图片格式,包括 JPG、PNG、WebP、HEIC、GIF、BMP 和 TIFF。系统会自动从文件中识别格式,因此您不需要知道图片的类型。
ICO
Windows 图标
ICO 是微软的图标格式,用于 Windows 程序图标和网站 favicon。一个 .ico 文件可包含多种尺寸的图像,例如 16×16、32×32、48×48 和 256×256 像素,系统可选择最合适的一个。每个图像可存为位图或 PNG 数据,并支持完整的 Alpha 透明度。ICO 不适合照片或大幅图稿。浏览器、Windows 和大多数图标编辑器都能读取。
- 压缩方式
- 无损
- 透明度
- 支持
- 动画
- 不支持
- 发布年份
- Microsoft
人们把任意图片转换为 ICO,是因为浏览器标签页、Windows 快捷方式或安装程序需要一个 .ico 文件,而手头只有其他格式的徽标、截图或照片;从 ICO 中提取 PNG 则相反,属于图稿恢复。
转ICO前的16 px辨识度测试
16 × 16 px 的图标总共只有 256 个像素。完整的文字标志会变成一团灰;单个粗体字母或符号则能保留下来。转换前,先用任意看图软件把源图缩小到 16 px,想想在 30 个打开的标签页中你能否认出它。
对比度和形状同样重要。标签页会出现在浅色和深色浏览器主题上,所以透明背景上的黑色徽标在深色模式下可能看不见。在符号后面加一圈浅色细描边或一个实心圆角方块,就能在两种主题下都清晰可见。macOS 应用包需要的是 ICNS;PNG 转 ICNS可以用同一份图稿生成该文件。
图片转ICO常见问题
哪些图片格式可以在这里转成ICO?
转换器能读取的图片都可以,包括 PNG、JPG、SVG、WebP、AVIF、HEIC、GIF、BMP、TIFF、PSD 和相机 RAW。透明背景的 PNG 或 SVG 边缘最清晰;JPG 也能用,但会带着矩形背景。
只有favicon.ico够用吗,还需要其他图标文件吗?
.ico 适用于各种浏览器的标签页和书签。iPhone 和 iPad 会查找名为 apple-touch-icon 的 180 × 180 px PNG,而 Chrome 只有在网站的 web manifest 中列出 192 和 512 px 的 PNG 图标时,才会提示将网站安装为应用。
Windows需要ICO里包含48 px的图像吗?
文件资源管理器的中等图标视图以 48 px 绘制图标。如果文件中没有 48 px 的条目,Windows 会缩放更大的一档,这里是 64 px 的图像,对于粗线条的图案通常效果不错,但精细的线条可能会变模糊。
一个ICO能在16 px和256 px显示不同的图案吗?
格式本身允许这样做,系统图标在最小尺寸下也常使用简化的图案。本转换器会把同一张图片缩放到每个尺寸。如果 16 px 版本需要单独设计,请另外导出该图稿,并在将图标尺寸设为 16 px 的情况下转换。
转换前如何检查图标在16 px下是否清晰可辨?
用任意编辑器把它缩小到 16 px,并以 100% 查看。如果看不出是什么,就减少细节:去掉标语,只保留首字母或符号,并加粗过细的线条。
favicon.ico应该上传到网站的什么位置?
把它放在网站根目录,使其可通过 /favicon.ico 访问,因为即使没有标签指向它,浏览器也会请求这个地址。在页面 head 中使用带 rel="icon" 的 link 标签,则可以把它放在其他位置。