UltKit

图片转ICO

用手头任何图片制作favicon.ico或Windows图标:logo的PNG、设计师给的SVG、品牌素材包里的JPG,甚至手机拍的照片都可以。输出文件包含多个尺寸。下文介绍哪种源图效果最好,以及各平台还需要哪些图标文件。

图片格式转换

或将JPG, JPEG, JPE … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    选择最干净的源图

    上传要用作图标的图片,最好是 256 × 256 px 或更大的方形徽标或符号。

  2. 2

    图标尺寸保持“全部”

    在高级设置中,图标尺寸默认为所有尺寸(16–256)。只有程序明确要求单一尺寸时才选择单个尺寸。

  3. 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 的裁剪框。

  1. 矢量徽标(SVG、EPS、AI)

    每个尺寸都会重新栅格化,边缘始终清晰。如果设计师能提供,这是最佳选择。

  2. 透明背景的 PNG 或 WebP

    保留标签栏可透出的透明背景。建议从 256 px 或更大的尺寸开始。

  3. JPG、HEIC 或截图

    可以使用,但方形背景会一并保留。请填充或裁剪,让四个角看起来是有意设计的。

各平台在哪里查找图标文件

1:1

32 × 32 px

favicon.ico(浏览器标签页)

标签页和书签使用 16 和 32 px;本页生成的 ICO 同时包含这两种

1:1

256 × 256 px

Windows 快捷方式或 .exe

大图标视图和高 DPI 屏幕会选用 256 px 的条目

1:1

180 × 180 px

apple-touch-icon.png

是 PNG,不是 ICO;用户把网站添加到 iPhone 主屏幕时使用

1:1

512 × 512 px

Web 应用 manifest 图标

在 manifest.json 中列出的 PNG,需同时提供 192 px 版本,用于可安装的网页应用

ANY I

任意图片

此工具支持常见的图片格式,包括 JPG、PNG、WebP、HEIC、GIF、BMP 和 TIFF。系统会自动从文件中识别格式,因此您不需要知道图片的类型。

Any image 转换器

ICO

Windows 图标

ICO 是微软的图标格式,用于 Windows 程序图标和网站 favicon。一个 .ico 文件可包含多种尺寸的图像,例如 16×16、32×32、48×48 和 256×256 像素,系统可选择最合适的一个。每个图像可存为位图或 PNG 数据,并支持完整的 Alpha 透明度。ICO 不适合照片或大幅图稿。浏览器、Windows 和大多数图标编辑器都能读取。

压缩方式
无损
透明度
支持
动画
不支持
发布年份
Microsoft
ICO 转换器

人们把任意图片转换为 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 标签,则可以把它放在其他位置。