首页 PNG 转 ICO

PNG 转 ICO

将 PNG logo 转换为 favicon.ico 文件,可选 16、32、48、64、128 或 256 像素——100% 在浏览器中完成。

源文件

将 PNG 文件拖到此处

或点击选择文件

.png

选项

原始 (PNG)
—
转换后 (ICO)
—

PNG 是什么?

PNG(Portable Network Graphics,便携式网络图形)是一种光栅图像格式,由万维网联盟(W3C)于 1996 年标准化,作为 GIF 格式的现代、无专利替代方案。PNG 使用无损 DEFLATE 压缩,意味着解码后的图像与源文件逐字节一致——保存或重新编码时不会有任何画质损失。PNG 还支持完整的 Alpha 透明通道(每像素 256 级不透明度)、8 位和 16 位每通道色深、伽马校正以及可选的嵌入元数据块。这种特性使其成为标志、图标、截图、UI 元素以及任何需要锐利边缘和透明效果图像的理想格式。

正因无损且支持透明,PNG 已成为 favicon、logo 和设计资产的默认源格式。所有现代浏览器、操作系统、图像编辑器和内容管理系统都能打开并渲染 PNG 文件。这种质量的代价是文件体积:PNG 照片通常比同等 JPG 或 WebP 导出大数倍。但在 favicon 场景中,文件体积几乎无关紧要,因此 PNG 是 .ico 转换的最佳起点。

ICO 是什么?

ICO 是微软于 1985 年为 Windows 1.0 操作系统引入的历史悠久的图标容器格式。.ico 文件并非单一图像格式,而是一个小型容器,可容纳一张或多张位图或 PNG 压缩图像,支持不同尺寸(通常为 16×16、32×32、48×48、64×64、128×128、256×256)和色深。浏览器、Windows 外壳、书签管理器和桌面快捷方式都会在网站根目录寻找 .ico 文件(通常命名为 favicon.ico),以在标签页、历史列表、地址栏和桌面显示网站图标。

尽管现代浏览器也可通过 <link rel="icon"> 标签使用 PNG、SVG 和 WebP favicon,但 .ico 格式仍是被最广泛识别的 favicon 容器。旧版浏览器和许多第三方工具(书签管理器、RSS 阅读器、桌面链接生成器)仍会默认请求 /favicon.ico,因此在该 URL 放置一个真实的 .ico 文件是保证所有访客都能看到网站图标的最稳妥方式。本工具生成包含选定尺寸 PNG 压缩图像的单尺寸 .ico 文件。

PNG 与 ICO 对比

PNG 和 ICO 服务于不同用途:PNG 是为无损存储优化的单图像光栅格式,而 ICO 是专为图标和 favicon 设计的多图像容器。下表汇总了 PNG 与 ICO 格式的关键区别。

特性PNGICO
发布年份19961985
格式类型单张光栅图像多图像图标容器
压缩方式无损(DEFLATE)嵌入 BMP 或 PNG
透明通道完整 Alpha 通道支持(通过嵌入 PNG)
典型用途照片、logo、截图、网页图像favicon、应用图标、快捷方式
单文件多尺寸不支持支持
浏览器支持所有现代浏览器所有浏览器(旧版 favicon 格式)
默认请求 URL—/favicon.ico

简而言之,PNG 是最佳源格式,ICO 是标准的 favicon 容器。将 PNG logo 转换为 .ico 文件可确保图标被所有浏览器、书签工具和桌面快捷方式生成器识别,包括那些仍寻找 /favicon.ico 的旧版工具。

何时需要 PNG 转 ICO

在许多场景下,将 PNG 图片转换为 .ico 文件都是正确选择。每当需要被最广泛的浏览器、工具和平台识别的 favicon 或图标时,一次快速的 PNG 转 ICO 转换就是最简便的解决方案:

  • 新网站上线。在站点根目录放置真实的 favicon.ico 可确保所有浏览器——包括忽略 <link rel="icon"> 标签的旧版浏览器——在标签页中显示您的图标。
  • 桌面快捷方式。用户将 URL 拖拽到桌面时,Windows 和许多 Linux 文件管理器会从 favicon.ico 获取图标,因此需要真实的 .ico 文件才能呈现清晰的快捷方式。
  • 书签管理器。Pinboard、Raindrop 等工具以及许多 RSS 阅读器会直接请求 /favicon.ico。没有 .ico 文件,书签会显示通用图标。
  • 渐进式 Web 应用。PWA 的 manifest.json 可在旧版安装上下文及较旧 Android 和 Windows 外壳集成中引用 .ico 文件。
  • Windows 应用图标。许多 Windows 开发工具在为编译后的可执行文件分配应用图标时仍要求 .ico 文件。
  • 品牌一致性。在网页、桌面和书签渠道统一分发同一个 .ico 文件,让图标在各处保持一致。

请将源 PNG 作为可编辑母版保留——它是高分辨率无损的。.ico 导出仅用于 ICO 仍是预期格式的部署场景。

如何将 PNG 转换为 ICO

使用本工具将 PNG 图片转换为 .ico favicon 只需几秒,且全部在浏览器内完成。无需上传、无需注册、无需安装。工具通过浏览器图像解码器加载 PNG,按所选尺寸将其绘制到正方形 canvas 上(保持纵横比并居中于白色背景),然后通过 Canvas API 将 canvas 重新编码为 .ico 容器。请按以下四步操作:

  1. 上传 PNG 文件。点击上传区域,或从电脑拖拽一个 .png 文件到此处。图片会在本地解码并显示预览。
  2. 选择 ICO 尺寸。从 16、32、48、64、128 或 256 像素中任选其一。32×32 是标准 favicon 尺寸;16×16 是经典标签页图标;48×48 及以上用于高 DPI 显示和桌面快捷方式。
  3. 转换为 ICO。点击"转换为 ICO"按钮。工具会将 PNG 绘制到所选尺寸的正方形 canvas 上,并将 PNG 字节包装进单图像 .ico 容器,并排显示原始与转换后的文件大小。
  4. 下载 ICO。点击"下载 ICO"将 favicon.ico 保存到设备。将其上传到网站根目录或放入项目的资源文件夹。

由于所有步骤都通过 JavaScript 在浏览器本地运行,PNG 图片绝不会被上传到服务器。这让转换过程完全私密、快速,也适合处理敏感的品牌资产。

这个 PNG 转 ICO 转换器免费吗?

完全免费,无注册、无水印、无限制(仅受设备内存限制)。

favicon 应该选多大尺寸?

32×32 是现代默认值,在标准和高 DPI 显示器上都很清晰。16×16 用于经典标签页图标,48×48 / 64×64 用于桌面快捷方式和高 DPI 显示。

.ico 文件支持透明吗?

支持。本工具将 PNG 字节嵌入 .ico 容器,因此源 PNG 的 Alpha 透明通道会在输出 favicon 中保留。

我的图片会被上传吗?

不会。所有处理都在本地完成,PNG 不离开浏览器。