📅 最后修改于: 2023-12-03 15:15:02.784000 🧑 作者: Mango
Favicon是网站上显示在浏览器标签页、书签栏等地方的小图标。Favicon的名称来源是Favorites Icon的缩写，可以使用不同的图标格式，并支持不同大小的图标。
要在网站上添加Favicon，需要在HTML文件的头部添加以下代码：
<link rel="icon" type="image/png" href="favicon.png">
其中，rel是relationship（关系）的缩写，表示当前页面与图标的关系；type表示图标文件的类型，可以为image/png、image/gif、image/jpg；href是图标文件的路径，可以是相对路径或绝对路径。
如果在同一目录下有多个尺寸的图标，可以使用以下代码指定不同尺寸的图标：
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
Favicon可以使用多种文件格式，如PNG、GIF、JPG等。推荐使用PNG格式，因为它支持透明度，并且可以保持较高质量。
Favicon的大小也是需要注意的，过大的图标会增加网站加载时间，而过小的图标会失真。一般来说，16x16像素的图标足以满足大多数网站的需求，如果需要在高分辨率设备上显示更好的效果，可以使用32x32或更大的图标。
手动创建不同尺寸的Favicon图标是一项繁琐的工作，但幸运的是，有很多在线工具可以自动生成多种尺寸的图标，如：
Favicon可以为网站增加美观度，并提高用户体验。在HTML文件中使用link标签来指定Favicon的路径和尺寸大小。推荐使用PNG格式，大小一般为16x16像素。自动生成Favicon图片的在线工具可以减少手动操作的时间，方便快捷。