ICO 转换器(多尺寸 Favicon)

在浏览器中用 PNG、JPG 或 SVG 创建真正的多尺寸 .ico 图标,16、32、48、64、128 和 256 px 的图标以 PNG 形式存放在同一个文件中。

将图片拖放到此处,或点击选择图片
也可以直接从剪贴板粘贴图片(Ctrl+V / ⌘V)

完全在浏览器中运行,您的数据不会被上传。

什么是 ICO 转换器?

ICO 转换器会生成一个 Windows 图标(.ico)文件,其中包含你图片的多种尺寸,默认为 16、32、48、64、128 和 256 px。浏览器和 Windows 会为每个位置挑选最合适的尺寸,因此图标在标签页、书签、任务栏和桌面上都保持清晰。非正方形图片可以补边或裁剪为正方形。

如何使用 ICO 转换器

  1. 拖放、选择或粘贴一张正方形图片,最好至少 256×256 px(带透明背景的 PNG 或 SVG 效果最好)。
  2. 勾选包含的尺寸。
  3. 如果图片不是正方形,选择把它完整放入正方形,还是裁剪出居中的正方形,以及补边是否透明。
  4. 查看各尺寸的预览,下载 favicon.ico,并把 HTML 代码片段添加到页面的 <head> 中。

示例

输入
40×20 PNG with the default sizes
输出
ICO file starting with bytes 00 00 01 00, containing six PNG entries: 16, 32, 48, 64, 128 and 256 px (a warning notes that sizes above 40 px are upscaled)

图片小于所选尺寸时,该尺寸会被放大,并显示警告。

何时使用 ICO 转换器

用于为网站创建 favicon.ico,或为 Windows 应用程序或快捷方式创建图标。现代网站还应提供 PNG 格式的 apple-touch-icon,最好也提供 SVG favicon。如果需要兼容无法读取 PNG 条目的 Windows XP,请使用能写入 BMP 条目的桌面图标编辑器。

ICO 转换器 的工作原理

每个选定的尺寸都经过高质量的分步缩小,并编码为 32 位 PNG。然后工具自己写出 ICO 容器:6 字节的 ICONDIR 头,每个尺寸一个 16 字节的目录项(宽度和高度字节,其中 0 表示 256;每像素 32 位;数据长度和偏移量),后面接着 PNG 数据。自 Windows Vista 起,PNG 压缩的 ICO 条目就是该格式的一部分,所有当前浏览器均支持。

常见用例

  • 用 Logo PNG 为新网站生成 favicon.ico。
  • 为 Windows 程序制作包含 16–256 px 多种尺寸的应用图标。
  • 把 SVG Logo 转成在浏览器标签页中显示清晰的 favicon。

安全提示

图片使用 Canvas API 在你的浏览器本地解码、处理和编码,不会上传到任何服务器。

常见问题

favicon 需要哪些尺寸?

16 和 32 px 覆盖浏览器标签页和书签;48 px 供 Windows 使用;64–256 px 用于快捷方式和高 DPI 屏幕。全部六个尺寸都包含是稳妥的默认做法。

ICO 里面放 PNG 真的有效吗?

有效。自 Windows Vista 起,ICO 格式允许每个条目是 PNG,所有现代浏览器都能读取这样的 favicon。

如何把它添加到我的网站?

把 favicon.ico 上传到网站根目录,并在页面 head 中添加 <link rel="icon" href="/favicon.ico" sizes="any">。

探索更多分类