Favicon 设置

Favicon（Favorites Icon），又称网页图标，是显示在浏览器标签页、地址栏、书签栏及移动设备快捷方式中的小图标，用于增强网站的识别度和专业感。

常见效果

Favicon 通常出现在：

• 浏览器标签页左侧
• 浏览器地址栏（部分浏览器）
• 添加到书签或主屏幕时的图标

设置方法

将图标文件放置在网站根目录或资源目录，并通过 <link> 标签在 <head> 中引入。

示例 1：标准 favicon.ico

<link rel="icon" href="/favicon.ico" type="image/x-icon" />

示例 2：现代浏览器兼容 PNG 格式

<link rel="icon" href="/favicon.png" type="image/png" />

示例 3：高分辨率多设备支持

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />

文件建议

• 文件名通常为 favicon.ico 或 favicon.png
• 尺寸建议为 16×16、32×32 或 48×48

兼容性说明

大多数现代浏览器支持 PNG 和 ICO 格式；部分旧版浏览器可能仅支持 .ico 格式，建议双格式兼容。

小结

• 使用 <link rel="icon"> 设置 favicon
• 放在 <head> 区域，尽早加载
• 建议提供多尺寸、多格式以适配各类设备与浏览器

Favicon 是提升网站品牌形象的细节之一，虽小却不可忽视。