Favicon 格式的工作原理
了解每种格式的工作原理有助于您调试不可避免的“我的图标未显示”问题。
6 分钟阅读
.ico 容器
.ico 文件是一个标头，后跟一个或多个图像条目。每个条目可以是 BMP 或 PNG，并且每个条目都有宽度、高度和位深度。
浏览器解析目录，选择与请求大小匹配的条目，然后仅解码该条目。
.ico 内的 PNG
对于 64×64 及以上尺寸，PNG 压缩可将文件大小缩小 5-10 倍，且不会造成视觉损失。现代发电机（包括我们的发电机）会自动执行此操作。
SVG 图标
SVG 网站图标是普通的 SVG 文件。浏览器像任何其他 SVG 一样渲染它，并且 <style> 块可以根据首选颜色方案调整颜色。
浏览器如何选择
如果您发送多个 <link rel="icon"> 标签，浏览器会选择最匹配表面的标签（选项卡、书签、安装）。支持时优先选择SVG； .ico 是后备。