ICO 是什么文件？怎样把图片转成网站 favicon 图标
了解 ICO 文件、favicon.ico 的作用和常用尺寸，并把 JPG、PNG、WebP 或 HEIC 图片转换成包含多个尺寸的网页 ICO 图标。
ICO 是一种图标容器格式，一个 .ico 文件可以同时保存多个尺寸的图像。网站根目录中常见的 favicon.ico，就是浏览器标签页、收藏夹和快捷方式可能使用的网站图标。
制作 favicon 时，重点不是简单修改扩展名，而是把清晰、易辨认的图形缩放到适合小图标的尺寸，并正确写入 ICO 文件结构。
ICO 文件和 favicon 有什么关系
ICO 最初广泛用于 Windows 图标，后来也成为网站图标的传统格式。favicon 是网站图标的用途名称，不只限于 ICO；现代网站也可以使用 PNG 或 SVG，但 favicon.ico 仍有很好的兼容性。
- ICO：可以包含多个尺寸和透明像素的图标文件
- favicon：浏览器用来识别网站的小图标
- favicon.ico：最常见的传统文件名，通常放在网站根目录
为什么一个 ICO 要包含多个尺寸
浏览器标签页、收藏夹和系统快捷方式显示图标的空间不同。把 16×16、32×32 和 48×48 图层放进同一个 ICO，使用方可以选择更合适的尺寸，减少临时缩放造成的模糊。
- 16×16：传统标签页和紧凑列表
- 32×32：高分屏标签页、收藏夹和常见界面
- 48×48：较大的快捷方式或系统界面
怎样把 JPG、PNG 或 WebP 转成 ICO
优先使用轮廓简单、主体居中、对比明显的正方形图片。透明 PNG 通常最适合作为源文件；照片也能转换，但缩到 16 像素后往往难以识别。
- 打开图片格式转换工具并添加图片
- 在输出格式中选择 ICO
- 等待生成包含 16、32、48 像素图层的文件
- 下载并将需要的文件命名为 favicon.ico
- 在浏览器标签页和收藏夹中检查显示效果
在网页中怎样引用 favicon.ico
可以把 favicon.ico 放到网站根目录，并在 HTML 的 head 中声明图标地址：<link rel="icon" href="/favicon.ico">。部署后如果仍显示旧图标，通常是浏览器或 CDN 缓存，需要清理缓存或等待更新。
- 文件路径和 HTML 中的 href 必须一致
- 不要用改扩展名的方式伪造 ICO
- 重要品牌网站可同时提供 SVG、PNG 和 apple-touch-icon
小尺寸图标怎样保持清楚
favicon 的显示面积很小，复杂文字、细线和大面积照片细节会消失。使用少量颜色、留出边缘空间，并在 16×16 的实际大小下检查，是比单纯提高分辨率更有效的做法。
- 主体尽量占据画布中央
- 避免过细线条和太小的文字
- 透明区域适合不规则 Logo
- 转换工具会等比居中，不会强行拉伸原图
常见问题
把 PNG 后缀改成 .ico 可以吗？
不可以。修改文件名不会改变内部编码，部分软件会无法识别。应使用转换工具生成具有正确文件头和图标目录的 ICO。
favicon 一定要用 ICO 吗？
不一定。现代浏览器也支持 PNG 和 SVG，但 favicon.ico 兼容广，适合作为基础回退图标。
ICO 支持透明背景吗？
支持。使用带透明背景的 PNG 作为源图时，生成的 ICO 可以保留透明区域。
为什么网站图标更新后没有变化？
favicon 常被浏览器、系统或 CDN 长时间缓存。确认路径正确后，可清理缓存、使用新文件名测试或等待缓存失效。