主题
Favicon 设置
Favicon（Favorites Icon），又称网页图标，是显示在浏览器标签页、地址栏、书签栏及移动设备快捷方式中的小图标，用于增强网站的识别度和专业感。
常见效果
Favicon 通常出现在：
- 浏览器标签页左侧
- 浏览器地址栏（部分浏览器）
- 添加到书签或主屏幕时的图标
设置方法
将图标文件放置在网站根目录或资源目录，并通过 <link> 标签在 <head> 中引入。
示例 1：标准 favicon.ico
html
<link rel="icon" href="/favicon.ico" type="image/x-icon" />示例 2：现代浏览器兼容 PNG 格式
html
<link rel="icon" href="/favicon.png" type="image/png" />示例 3：高分辨率多设备支持
html
<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 是提升网站品牌形象的细节之一，虽小却不可忽视。