favicon.ico一般在浏览器的tab页，和收藏夹/书签栏 显示。
它是通过图片来制做的，但又不是图片的格式，格式是一种特殊格式，叫.ico。
比如你有一张小图标，你可以通过网上的资源把它转成.ico格式。
比如在这个网站http://www.bitbug.net/。
如图，选择一张你的图片，选择你需要的尺寸，输入验证码，点击直接生成就OK了。
做成了之后须把它保存在你项目的根目录当中，在页面中通过代码<link
rel="icon" href="favicon.ico"> 在head标签中引入即可。
对于一些新手来说，在引入的时候往往图标显示不出来，特别是针对一些ie浏览器，我们的引入方法是正确的，但是ie浏览器不支持我们本地的目录显示图标，也就是说，你的网页是通过file协议打开的，这个时候它不会正常显示图标。
因此你必须把它放到服务器的环境，这个通过编辑器是可以实现的，比方说你用的编辑器是VS
Code 的话，需要安装Live Server 插件,安装好之后在编辑器中右击选择Open with Live Server打开项目，协议就变成了http协议，在这种协议下ie浏览器会正常显示图标。
网友评论