# Favicon 设置 URL: https://caijiao.org/html/10-meta/03-favicon Source: docs/html/10-meta/03-favicon.md Description: Favicon 是显示在浏览器标签页、书签、快捷方式中的网页图标，通常通过标签引入，提升网站品牌识别度与用户体验。 **Favicon（Favorites Icon）**，又称网页图标，是显示在浏览器标签页、地址栏、书签栏及移动设备快捷方式中的小图标，用于增强网站的识别度和专业感。 ## 常见效果 Favicon 通常出现在： - 浏览器标签页左侧 - 浏览器地址栏（部分浏览器） - 添加到书签或主屏幕时的图标 ## 设置方法将图标文件放置在网站根目录或资源目录，并通过 `` 标签在 `` 中引入。 ### 示例 1：标准 favicon.ico ```html ``` ### 示例 2：现代浏览器兼容 PNG 格式 ```html ``` ### 示例 3：高分辨率多设备支持 ```html ``` ## 文件建议 - 文件名通常为 `favicon.ico` 或 `favicon.png` - 尺寸建议为 `16×16`、`32×32` 或 `48×48` ## 兼容性说明大多数现代浏览器支持 PNG 和 ICO 格式；部分旧版浏览器可能仅支持 `.ico` 格式，建议双格式兼容。 ## 小结 - 使用 `` 设置 favicon - 放在 `` 区域，尽早加载 - 建议提供多尺寸、多格式以适配各类设备与浏览器 Favicon 是提升网站品牌形象的细节之一，虽小却不可忽视。