网站常用的favicon.ico文件

在项目中,经常看到favicon.ico报错,一直不明白是啥个东西,如下图。(如果你访问的页面上没有这个的话, 可以强制刷新下看看)
网站常用的favicon.ico文件_第1张图片
偶然间看到了一篇文章,才明白是怎么回事, 在此记录下:FAVICON.ICO 是网站图标文件,浏览网站时显示在地址栏前边的那个图标
在这里插入图片描述

参考:添加链接描述

关于Favicon,总是被命名为favicon.ico。默认存放在网站web根目录。当访问一个页面的时候,不管怎么样,浏览器都会请求/favicon.ico,例如第一张图,

可以通过在页面的部分加入link元素来重新指定它的位置

<link rel=”shortcut icon” href=http://femans.com/favicon.ico />

很多网站都不添加favicon.ico这个文件,其实这个文件很重要,高端大气上档次!

favicon.ico的好处

1、一个简洁美观的favicon是网站、博客的面子,在标签浏览器(Firefox、IE7)中它可以比 title 更醒目,让读者很容易的识别出您的网页,从而增加网站流量。

2、favicon可以给人一种很专业的观感。

3、 favicon可以在一定程度上减轻服务器的流量带宽占用。为什么这样说呢?一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时,Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。

你可能感兴趣的:(前端,favicon.ico,json,js,vue)