网站favicon图标的显示问题

Posted 2020-11-19 xiyouchen

今天在微信开发者工具发现一个错误，说是找不到favicon.ico这个文件。

这个就是标签式浏览器显示在页面title前面的小图标，移动端也没什么用，所以一直没在意，今天有空就研究了一下，发现还是有点问题的。

 

首先用一些在线制作工具，选择16*16或者32*32的大小，生成的文件命名为 favicon.ico 放置在网站根目录下。

 

然后页面head标签内加入以下代码，href的值是文件的绝对地址。

<link rel="icon" href="../favicon.ico" type="image/x-icon" />

<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />

 

然而在我完成了这些之后，还是没有成功显示在浏览器中，当我将文件地址改为页面同级地址 "img/favicon.ico" 时就显示出来了，应该就是顶级域名跳转的配置导致。