广州诺客科技有限公司欢迎您!
您当前位置:主页 > 网站建设 > 建站技术 >

网站标签页图标、favicon.ico怎么做?

网站的标签页logo图标、favicon.ico怎么做?怎样才会显示? 比如谷歌浏览器,进入很多网站,浏览器的标签页,都会显示一个网站的小logo.....

186-2091-9948 立即咨询

快速申请办理

称       呼 :
手机号码 :
备       注:

网站标签页图标、favicon.ico怎么做?

发布时间:2020-11-14 热度:

问题引入?

网站的标签页logo图标、favicon.ico怎么做?怎样才会显示?

比如IE浏览器,进入很多网站,浏览器的标签页,都会显示一个网站的小logo,如下图:




如何解决?

这个图标叫:favicon.ico 。

怎样在自己的站点,添加标签页的logo呢?

参考别人站点的做法是:


 

也就是说,你在页面head标签中,写一点小代码就行了:

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

href属性,也就是声明你的图标的位置。一般是把favicon.ico图标放在网站根目录下
 

另外说一句,favicon.ico是ico格式的,

其实是可以从图片,通过转换,做成ico图标,网上有一些站点提供此服务。

http://www.faviconico.org/favicon


注意事项

1、默认的

像chrome浏览器,你在网站的根目录放一个favicon.ico,什么声明代码都不写,chrome浏览器就会为此网站添加图标,这是默认的。不过IE浏览器不一定会这样。

 

2、如果碰到IE等浏览器,通过代码声明还是不显示标签页图标,请注意:

    a. 一般favicon.ico是16*16的大小,文件大小1-2k,不要太大

 


 


关闭窗口
上一篇:没有了
下一篇:如何快速建立自己的论坛网站?

相关阅读

如何快速建立自己的论坛网站?
如何快速建立自己的论坛网站?

有时候我们总会看着网上一些论坛,感觉羡慕,什么时候我们也可以自己创建出来,但是其实一切都非常简单,现在就教大家怎么创建自己的论坛吧,功能俱全,可以集成QQ登录...

官方微信公众号

186-2091-9948

广州市南沙区丰泽东路106号