UltKit

PNG转ICO转换器

把正方形PNG转换为一个同时包含多种图标尺寸的.ico文件,从浏览器标签页用的16 px到Windows用的256 px都有。透明的边角和边缘会保持透明。

图片格式转换

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

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

输出

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

使用方法

  1. 1

    上传正方形PNG

    请使用至少 256 × 256 px、背景透明的素材。每批最多 20 个 PNG,每个不超过 95 MB。

  2. 2

    选择图标尺寸

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

  3. 3

    转换并使用.ico文件

    点击转换为 ICO,下载文件后放到网站根目录,或让 Windows 快捷方式指向它。上传的文件会在 30 分钟后删除。

ICO 是存放多张图标图像的小型容器,而不是单张图片:一个文件可以同时包含 16、32、48 和 256 px 的版本,系统会选择最合适的一个。

PNG转ICO:一个文件包含多种尺寸

ICO 格式源自 1985 年的 Windows 1.0,当时的图标只是很小的位图。它的关键在于文件开头的目录,目录列出了内部每张图像及其宽度和高度。Windows Vista(2007)允许这些图像以 PNG 形式存储,因此带平滑透明效果的 256 × 256 图标也能放进体积很小、加载极快的文件里。

在这里转换 PNG 时,会自动为你生成这个容器。源图会被缩放到各个尺寸,并保留 Alpha 通道,使圆角和柔和阴影在深色和浅色背景上都显示正常,最后全部写入一个 .ico 文件。请从 256 px 或更大的素材开始;把 32 px 的 PNG 放大到 256,只会得到一个很大但模糊的图标。

1:1

16 × 16 px

浏览器标签页

标准像素密度下的标签页和书签

1:1

32 × 32 px

高 DPI 屏幕上的标签页

Retina 显示屏和 200% 的 Windows 缩放

1:1

48 × 48 px

Google 搜索结果

Google 要求使用边长为 48 px 整数倍的正方形 favicon

1:1

256 × 256 px

Windows 超大图标

ICO 文件可容纳的最大图像

PNG

便携式网络图形(PNG)

PNG 是 PNG 开发组于 1996 年发布的无损位图格式,后来由 W3C 和 ISO 标准化。它精确保留每个像素,支持完整的 Alpha 透明度,处理文字、锐利边缘和纯色块时不会产生伪影。这种精确度使它非常适合截图、徽标、图标和界面图形。代价是体积:保存为 PNG 的照片往往比同一张照片的 JPEG 或 WebP 大好几倍。所有浏览器、操作系统和编辑器都能打开 PNG 文件。

压缩方式
无损
透明度
支持
动画
不支持
发布年份
1996 · PNG Development Group
PNG 转换器

ICO

Windows 图标

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

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

PNG 只是单一尺寸的一张图片,而 Windows 和浏览器需要把多种尺寸打包在一起的 .ico,这样每块屏幕都能选用最清晰的一张;而从 ICO 转回 PNG 只是提取图像。

网站图标还是Windows图标:ICO里该放哪些尺寸

浏览器以 16 px 绘制标签页图标,高 DPI 屏幕为 32 px,而 Google 搜索以 48 px 为基准显示 favicon。保留所有尺寸,一个文件就能覆盖这三种情况。

  • 保存为 favicon.ico,放在网站根目录
  • 另外添加一个 180 × 180 的 PNG 作为 Apple touch icon

准备在16 px下依然清晰可辨的PNG图案

favicon 的概念来自 1999 年的 Internet Explorer 5:用户收藏网站时,它会在网站根目录查找名为 favicon.ico 的文件。其他浏览器纷纷效仿,所以直到今天,服务器日志里仍会出现对这个路径的请求。

16 × 16 一共只有 256 个像素,所以图案必须醒目。去掉标语和细轮廓,保证在浅色和深色浏览器主题下都有强对比,并在图形周围留出一个像素的边距。许多品牌只使用首字母或符号。如果你的 Logo 有矢量文件,可以用 SVG转ICO 转换,这样每个尺寸都由清晰的轮廓绘制。

PNG转ICO常见问题

如何把PNG转成ICO用作网站favicon?

选择所有尺寸进行转换,把结果重命名为 favicon.ico,上传到网站根目录。浏览器会自动请求这个路径,你也可以在页面头部用 link rel="icon" 标签引用它。

为什么图标在16像素下看起来很模糊?

细节丰富的图案缩小到 16 × 16 后很难保留,一个字母或一条细线占不到一个像素。请简化小尺寸图标:在浏览器标签页里,一个醒目的字母或图形比带文字的完整 Logo 更易辨认。

PNG不是正方形会怎样?

图标是正方形的,宽幅 Logo 会被补边或被压扁,具体取决于读取它的程序。建议先把 PNG 裁剪或补边成正方形画布,由你来决定空白留在哪里。

可以用.ico文件更改Windows文件夹图标吗?

可以。右键点击文件夹,打开“属性 > 自定义 > 更改图标”,再浏览选择该 .ico 文件。桌面快捷方式同样可以通过“属性 > 更改图标”设置。

网站已有PNG图标,还需要ICO文件吗?

现代浏览器支持页面头部声明的 PNG 和 SVG 图标,但部分工具、订阅阅读器和旧版浏览器仍会直接请求 /favicon.ico。在该位置放一个包含多种尺寸的小 ICO,可以避免日志中出现 404 错误。