favicon.ico怎么显示出来呢?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了favicon.ico怎么显示出来呢?相关的知识,希望对你有一定的参考价值。

哪们高手知道favicon.ico文件怎么在网站的地址栏中显示出来呢?它应该和普通的ico文件是一样的吧?我这个是自己做的。我的网站还没有上传能让它显示出来吗?先谢过啦!

第一步、要确定网站的主题和图案所选,因为favicon文件时代表网站的标志。制作好图片之后就可以用工具制作了,具体请搜“favicon在线制作”,上传好图片后,就可以选择生成一个32x32像素或64x64像素的favicon文件。
第二步、将做好的favicon图片文件上传至你网站的根目录下,即www目录下。且保证命名为favicon.ico。
第三步、将这句代码
<link href="/favicon.ico" rel="icon" type="image/x-icon" />
放入到各页面的<head></head>之间。
这时候重新生成更新网站,并清除浏览器缓存。刷新下,就可以看到网站漂亮的favicon文件了。
参考技术A 放到站点根目录下就可以啦
<LINK href="favicon.ico" type="image/x-icon" rel=icon>
<LINK href="favicon.ico" type="image/x-icon" rel="shortcut icon">本回答被提问者和网友采纳
参考技术B 不用编辑html,直接把favicon.ico放网站根目录就好。

favicon.ico设置及chrome浏览器不显示的解决方案

在head标签中加入如下代码

本地:

1
<link rel="shortcut icon" href="favicon.ico" />

服务器:

1
<link rel="shortcut icon" href="/favicon.ico" />

对于chrome浏览器,目录正确,但是显示不出来的情况,是缓存的问题。建议清除缓存后 ,按ctrl+f5键 强制刷新。

以上是关于favicon.ico怎么显示出来呢?的主要内容,如果未能解决你的问题,请参考以下文章

favicon.ico不显示

为啥很多网站没有显式的添加favicon.ico,也会显示网站小图标呢?

SpringBoot自定义favicon.ico(含源码)

SpringBoot自定义favicon.ico(含源码)

我在我网站的根目录下面加入了favicon.ico,为啥打开网站后,前面还是没图片呢

网站前面的图标