如果旧版 CMS 支持上传 PNG,但站点使用的仍是包含多种尺寸的 favicon.ico,那么用 ICO to PNG converter 就能直接得到栅格图像文件,无需从头重新制作图标。

Mzu favicondl 的 ICO to PNG converter 可以完成这一转换:将 ICO 文件转换为 PNG,用于媒体库、设计评审,或基于 PNG 的 favicon 链接。如果你需要的是某一张特定位图,而不是包含多分辨率图像的 Windows 图标容器,它会很有用。

开始使用 ICO to PNG converter

手头已有 .ico 文件,并且需要为某个特定用途生成 PNG 副本时,可以按以下流程操作。

  1. 打开 Mzu favicondl,选择 ICO to PNG converter。
  2. 上传需要转换的 .ico 文件。
  3. 选择符合使用需求的输出尺寸或内嵌图像。如果列出了多个 ICO 图层,应选择原生图层,而不是放大尺寸最小的一层。
  4. 执行转换,然后下载生成的 PNG,并在项目文件中保留原始 ICO。

检查输出文件的关键细节

选择原生分辨率

一个 ICO 可以包含多种图像尺寸,每个图层都有各自的像素尺寸。导出时,应选择最接近用途的原生尺寸:32×32 图层优于放大后的 16×16 图像,因为放大无法恢复原本就不存在的细节。

检查透明效果

将 PNG 放在对比色或棋盘格背景上查看,确认透明边缘仍然透明,图标周围也没有出现不需要的白色方框。

选对文件容器

每个 PNG 输出都是一张单独的栅格图像,而不是包含多种尺寸的 ICO 容器。如果部署方案的其他部分仍要求使用 ICO 格式,请保留原文件;在需要直接引用图像文件的位置使用 PNG 会更方便。

将 PNG 添加到站点

在文档 head 中引用下载后的文件。一种实用做法是同时保留两种格式:

<link rel='icon' type='image/png' sizes='32x32' href='/favicon-32x32.png'>
<link rel='icon' href='/favicon.ico'>

HTML 标准规定,外部图标链接可使用 rel='icon',并可附带 type 和 sizes 元数据。具体属性请参阅 HTML 链接关系规范。

发布前的实用建议

结语

使用 ICO to PNG converter,可以在旧版 Windows 图标文件与以 PNG 为主的工作流之间搭起桥梁。按原生分辨率提取图像,检查透明度,将 PNG 加入页面标记;如果仍需兼容旧版环境,请保留 ICO。

使用 Mzu favicondl 转换你的 ICO,然后在发布前检查图像尺寸和页面标记。