将头像图标用作网站图标

将头像图标转换为网站图标

Favicon 是显示在浏览器标签页、书签和地址栏中的小图标。将头像图标用作 Favicon，是为个人网站或博客赋予独特标识的有趣方式。

什么是 Favicon？

Favicon 是微小的图标（通常为 16×16 到 48×48 像素），用于在浏览器中标识你的网站。它们出现在以下位置：

• 浏览器标签页
• 浏览器书签
• 浏览器历史记录
• 手机桌面快捷方式
• 搜索引擎结果（有时显示）

Favicon 的导出选项

ICO 格式（推荐） 我们的 ICO 导出会将 16×16、32×32 和 48×48 三个版本打包到一个文件中——这是所有浏览器都支持的传统格式。

SVG 格式（现代） 现代浏览器支持 SVG Favicon，可以在任何尺寸下完美缩放：

<link rel="icon" type="image/svg+xml" href="/favicon.svg" />

PNG 备用方案 为了最大兼容性，在 ICO 的基础上添加 32×32 PNG：

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

Favicon 设计建议

• 保持简单——在 16 像素下，只有粗体形状才能清晰显示
• 高对比度至关重要——分别在浅色和深色浏览器主题下测试效果
• 脸型和发型是最小尺寸下最容易辨认的元素
• 避免精细细节，如细小配饰——在 Favicon 尺寸下这些会消失不见