HTML 网站图标 Favicon
学习设置浏览器标签页图标 · 难度：入门 · +10XP
HTML Favicon 网站图标
Favicon显示在浏览器标签页、书签栏，是网站品牌的重要标识。
添加方法
<head>
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="icon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icon-16.png">
<link rel="apple-touch-icon" href="apple-icon.png">
</head>格式选择
| 格式 | 优点 |
|---|---|
| ICO | 兼容所有浏览器 |
| PNG | 支持透明,现代推荐 |
| SVG | 矢量,支持暗色模式 |
???? 练习
- 制作PNG格式favicon
- 添加多种尺寸支持