ICO到PNG格式转换器

ICO 和生成的 PNG 仅在此浏览器中处理。在分步模式下,ICO 只会在浏览器临时存储中保留最多 30 分钟,随后自动过期。

正在处理……

格式化
ICO
文件中的尺寸
文件大小

为深色主题应用、演示文稿或 README 准备透明网站图标时,单独的 PNG 往往比 ICO 容器更方便使用。上传 .ico 文件,查看其中嵌入的图像尺寸,选择一张受支持的图像,然后按相同尺寸导出为 PNG。

如何将ICO转换为PNG格式

  1. 1

    拖入一个 .ico 文件

    该容器将在您的浏览器中本地解析。

  2. 2

    选择一张内嵌图像

    工具会显示每张图像的尺寸、色深和编码,并标记无法解码的图像。

  3. 3

    预览并下载

    检查所选图像,然后按原始尺寸保存一张 PNG。

  4. 4

    可选:放大

    若最大嵌入尺寸小于实际需求,请将其导出并与放大工具(upscaler)配合使用;切勿在此处进行拉伸处理。

为何PNG是现代应用的理想容器

ICO仍是浏览器对favicon.ico文件格式的默认要求,但PNG格式已在其他所有场景中全面取代它。

格式比较

特性 ICO PNG
透明度 1 位掩码 + 8 位 alpha 8 位 alpha(RGBA)
多种尺寸 支持,同一容器内可含多种尺寸 不支持,每个文件仅一种分辨率
压缩 内部为未压缩的 BMP 或 PNG Deflate(zlib)
浏览器支持 /favicon.ico 通用 通用 + link rel=icon
编辑工具 有限 所有图像编辑器

当今Favicon的最佳实践

大多数网站仍为根请求提供favicon.ico,但会从HTML头部链接现代PNG图像:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

提取与编辑

导出为PNG格式后,您可在Figma、Sketch、GIMP或Photoshop中打开该图标,并支持完整的Alpha功能进行编辑。完成后重新导出PNG文件,如有需要可将其整合为新的.ico文件。

常见问题

转换器会保留内嵌 PNG Alpha 通道或受支持的 ICO 位图透明蒙版所表示的透明区域。少数旧式编码可能以不同方式记录透明度,因此请始终检查预览。

工具会列出 ICO 目录中的全部图像,但每次只导出一张受支持的图像。它支持最大 10 MB 的 ICO,以及其中的 PNG 压缩图像、常见未压缩 Windows 位图和位字段位图。如需多个 PNG,请选择其他尺寸并再次下载。

不损失画质就无法做到。放大小图标会导致图像模糊;如需大尺寸版本,请重新生成源矢量文件(SVG),并按所需尺寸导出。

不会。ICO 解析和 PNG 编码通过 JavaScript 与浏览器图像 API 在设备上完成。分步模式下,ICO 只会在浏览器临时存储中保留最多 30 分钟,随后自动过期。

相关工具