什么是 Favicon？它为什么重要？
Favicon（Favorite Icon 的缩写）是显示在浏览器标签页、书签栏及移动端主屏幕上的网站图标。虽然它通常只有 16x16 像素大小，但在网站运营中扮演着不可或缺的角色：
- 强化品牌认知： 图标是网站视觉身份（VI）的延伸，能帮助用户在开启了数十个标签页的情况下快速定位您的网站。
- 提升专业度： 拥有自定义图标的网站看起来比默认“空白页”图标更具可信度，是专业 Web 开发的基本标准。
- 改善 UX 体验： 用户在书签历史中寻找内容时，视觉图标的识别速度远快于文字标题。
- 移动端适配： 当用户将您的网站“添加到主屏幕”时，高质量的 Favicon 会充当 App 图标的角色。
如何选择合适的图标设计？
由于 Favicon 的显示尺寸非常有限，设计时应遵循以下原则：
- 极简主义： 避免复杂的渐变和细节。通常使用品牌 Logo 的首字母或最核心的符号。
- 高对比度： 确保图标在白色、灰色和黑色（深色模式）背景下都清晰可见。
- 色彩统一： 使用品牌的主色调，保持与网站整体风格的一致性。
Favicon 的 HTML 引用方法
生成图标后，将其放置在网站根目录，并在 HTML 的
<head>
部分加入以下代码：
<link rel="icon" type="image/x-icon" href="/favicon.ico">
如果您还准备了 PNG 格式以适配不同分辨率：
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
常见问题解答 (FAQ)
Q: 为什么我更换了图标，浏览器还是显示旧的？
A: 浏览器通常会对 Favicon
进行深度缓存。您可以尝试强制刷新（Ctrl+F5）或清除浏览器缓存，也可以在引用路径后添加版本号，如
favicon.ico?v=2
。
Q: .ICO 格式和 .PNG 格式有什么区别？
A: .ICO 是一种特殊的容器格式，一个文件内可以包含多种尺寸（如 16px, 32px,
48px）。它是传统浏览器的标准格式，而现代浏览器也支持透明度更好的 .PNG 格式。