主动式

在< h e a d >标签内添加以下内容

<!--标题栏-->
<link rel="icon" href="https://gitee.com/tdrm/picplus/raw/master/2020/11/13/20201113140831852.png" type="image/x-icon" />
<!--收藏夹-->
<link rel="shortcut icon" href="https://gitee.com/tdrm/picplus/raw/master/2020/11/13/20201113140831852.png"image/x-icon" />

被动式

制作一个ico格式的图片,将图片命名为favicon.ico,像素大小为16*16,所使用的颜色不得超过16色

然后再把favicon.ico放到网站的根目录下就行了。这样的话浏览器会不停的搜索您的网站的根目录,只要它一发现了名字叫做favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。

主动式的图片格式没有要求,只要体积控制好外形设计好就可以,但是被动式一定要把图片命名为favicon.ico,16×16色的图片才可以在各种地方正常显示。

效果