PNG 转 ICO
将 PNG logo 转换为 favicon.ico 文件,可选 16、32、48、64、128 或 256 像素——100% 在浏览器中完成。
源文件
将 PNG 文件拖到此处
或点击选择文件
选项
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 格式的关键区别。
| 特性 | PNG | ICO |
|---|---|---|
| 发布年份 | 1996 | 1985 |
| 格式类型 | 单张光栅图像 | 多图像图标容器 |
| 压缩方式 | 无损(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 容器。请按以下四步操作:
- 上传 PNG 文件。点击上传区域,或从电脑拖拽一个 .png 文件到此处。图片会在本地解码并显示预览。
- 选择 ICO 尺寸。从 16、32、48、64、128 或 256 像素中任选其一。32×32 是标准 favicon 尺寸;16×16 是经典标签页图标;48×48 及以上用于高 DPI 显示和桌面快捷方式。
- 转换为 ICO。点击"转换为 ICO"按钮。工具会将 PNG 绘制到所选尺寸的正方形 canvas 上,并将 PNG 字节包装进单图像 .ico 容器,并排显示原始与转换后的文件大小。
- 下载 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 不离开浏览器。