favicon.ico(网页图标,url图标)的使用

favicon.ico一般在浏览器的tab页,和收藏夹/书签栏 显示。

它是通过图片来制做的,但又不是图片的格式,格式是一种特殊格式,叫.ico。

比如你有一张小图标,你可以通过网上的资源把它转成.ico格式。

比如在这个网站http://www.bitbug.net/。


如图,选择一张你的图片,选择你需要的尺寸,输入验证码,点击直接生成就OK了。

做成了之后须把它保存在你项目的根目录当中,在页面中通过代码

rel="icon" href="favicon.ico"> 在head标签中引入即可。


对于一些新手来说,在引入的时候往往图标显示不出来,特别是针对一些ie浏览器,我们的引入方法是正确的,但是ie浏览器不支持我们本地的目录显示图标,也就是说,你的网页是通过file协议打开的,这个时候它不会正常显示图标。

因此你必须把它放到服务器的环境,这个通过编辑器是可以实现的,比方说你用的编辑器是VS

Code 的话,需要安装Live Server 插件,安装好之后在编辑器中右击选择Open with Live Server打开项目,协议就变成了http协议,在这种协议下ie浏览器会正常显示图标。

你可能感兴趣的:(favicon.ico(网页图标,url图标)的使用)