指南

ICO 文件格式指南

ICO 格式是一个容器,而不是单个图像。了解其目录结构可以解释为什么一个 .ico 可以容纳十六种不同的分辨率,以及为什么将 PNG 重命名为 .ico 永远不起作用。

ICO 以 6 字节标头(保留、类型、图像计数)开始,后面跟着每个嵌入图像的一个 16 字节目录条目(宽度、高度、颜色计数、保留、平面、位深度、大小、偏移量)。

每个条目都指向 BMP DIB(未压缩,常见于 16×16 和 32×32)或 PNG 有效负载(压缩,标准适用于 64×64 及以上)。

宽度和高度字节为 0 意味着 256 像素 - 该格式早于更大的尺寸,但现代工具通过 PNG 压缩嵌入 256×256。

Windows 资源管理器读取目录并为快捷方式、任务栏引脚和文件关联选择最接近的大小。

解析 favicon.ico 的浏览器通常会选择最接近请求的显示尺寸的条目——通常是 16 或 32 CSS 像素。

有效的 ICO 文件可以在一个容器中混合 BMP 和 PNG 条目。生成器应该对大型条目进行 PNG 压缩,以将总文件大小保持在 100 KB 以下。

透明度在 PNG 条目上使用 8 位 alpha; BMP 条目使用 1 位掩码层——传统的,很少用于现代图标。

工作原理

  1. 1

    从方大师开始

    512×512 PNG 或 SVG 光栅化一次。

  2. 2

    对多个条目进行编码

    将 16、32、48、64、128、256 捆绑在一个文件中。

  3. 3

    部署为 favicon.ico

    放置在站点根目录并链接在 HTML 中。

立即尝试

创建有效的多尺寸 ICO

PNG 转 ICO 转换器

常见问题

ICO 是专有的吗?+

它是 Microsoft 原创的格式,但普遍支持 favicons 和 Windows 图标。

ICO 的最大尺寸是多少?+

每个条目实际上最多 256×256;有些工具比其他工具嵌入更多的条目。

SVG 可以在 ICO 里面吗?+

不。ICO 仅保存光栅 BMP 或 PNG。将 SVG 作为单独的 favicon.svg 文件发送。

如何检查 ICO 内容?+

通过预览反向使用我们的 PNG-to-ICO 工具,或在十六进制编辑器中打开以读取目录条目。

相关工具

相关教程

教程

更多指南

指南

探索FetchFavicon

类别

转换器

公用事业

指南

教程