Favicon 格式的工作原理
了解每种格式的工作原理有助于您调试不可避免的“我的图标未显示”问题。
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
.ico 容器
.ico 文件是一个标头，后跟一个或多个图像条目。每个条目可以是 BMP 或 PNG，并且每个条目都有宽度、高度和位深度。
浏览器解析目录，选择与请求大小匹配的条目，然后仅解码该条目。
.ico 内的 PNG
对于 64×64 及以上尺寸，PNG 压缩可将文件大小缩小 5-10 倍，且不会造成视觉损失。现代发电机（包括我们的发电机）会自动执行此操作。
SVG 图标
SVG 网站图标是普通的 SVG 文件。浏览器像任何其他 SVG 一样渲染它，并且 <style> 块可以根据首选颜色方案调整颜色。
浏览器如何选择
如果您发送多个 <link rel="icon"> 标签，浏览器会选择最匹配表面的标签（选项卡、书签、安装）。支持时优先选择SVG； .ico 是后备。
常见问题
What is inside a .ico file?
A header plus a directory of image entries. Each entry can be BMP or PNG at a specific width and height.
How do browsers choose which favicon to display?
Browsers read all <link rel="icon"> tags and pick the best match for the surface — tab, bookmark, or install prompt. SVG is preferred when supported; .ico is the fallback.
Why use PNG inside an .ico instead of BMP?
PNG compression cuts file size 5–10× at 64×256 with no visible loss, which speeds up page loads.
Can I use only SVG for favicons?
Not safely. Always ship favicon.ico as a fallback for older browsers, Windows shortcuts, and embedders that ignore SVG.