ICO 转换器(多尺寸 Favicon)
在浏览器中用 PNG、JPG 或 SVG 创建真正的多尺寸 .ico 图标,16、32、48、64、128 和 256 px 的图标以 PNG 形式存放在同一个文件中。
完全在浏览器中运行,您的数据不会被上传。
什么是 ICO 转换器?
ICO 转换器会生成一个 Windows 图标(.ico)文件,其中包含你图片的多种尺寸,默认为 16、32、48、64、128 和 256 px。浏览器和 Windows 会为每个位置挑选最合适的尺寸,因此图标在标签页、书签、任务栏和桌面上都保持清晰。非正方形图片可以补边或裁剪为正方形。
如何使用 ICO 转换器
- 拖放、选择或粘贴一张正方形图片,最好至少 256×256 px(带透明背景的 PNG 或 SVG 效果最好)。
- 勾选包含的尺寸。
- 如果图片不是正方形,选择把它完整放入正方形,还是裁剪出居中的正方形,以及补边是否透明。
- 查看各尺寸的预览,下载
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">。