- Overview
-
网站图标通常放在网站根目录下
网站图标支持多种格式，使用 type 区分
为了确保兼容性，建议提供多个格式的 favicon
浏览器会根据需要选择合适的图标尺寸，也可以显式指定大小，如 size = '32x32'
- .ico
-
默认类型；使用最为广泛
默认名字是 favicon.ico
<link rel="icon" type="image/x-icon" href="favicon.ico" >
- .svg
-
可缩放矢量图形，适合高分辨率屏幕，提供更好的清晰度和灵活性
各大平台都有；如阿里字体图标，直接下载并使用
<link rel="icon" type="image/svg+xml" href="xxx.svg">
- .png
-
文件大小较小，加载速度快。
<link rel="icon" type="image/png" href="xxx.png">
- .gif
-
支持动画效果；受大小限制，动画效果体现不是很直接
<link rel="icon" type="image/gif" href="xxx.gif">
- .jpeg
-
<link rel="icon" type="image/jpeg" href="xxx.gif">
- .webp
-
<link rel="icon" type="image/webp" href="xxx.gif">