怎样给自己网站加上favicon.ico图标?

2017-11-08网站百科740
  • 详情内容
  • 留言反馈

我们先来认识下favicon,它是英文Favorites Icon的缩写,顾名思义,其本意是让浏览器的收藏夹中除显示相应的文字标题外,还能以图标的方式区别不同的网站。一般业界中文俗称站标,现在多数浏览器都已支持直接在窗口标签上或地址栏中显示站标。一个好的网站若欲在推广方面取得成功,不仅需要良好的页面设计、令人印象深刻的网站Logo,也应该有独树一帜的favicon站标。今天我们就针对新手站长来探讨一下,如何为自己网站添加favicon.ico站标?

实际上favicon.ico就是一个特殊格式的图片,按照既定规则准备好这样的图片放到网站,浏览器就能识别并显示出来,网站站标favicon.ico的尺寸通常是64X64、48X48、32X32像素这几种规格。既然是图片,那么我们首先就需要用制图软件设计出来,要求高的话还可以请专业设计人员制作,有的制图软件可以直接保存为.ico格式,如果不能也可以通过在线转换工具将jpg、png等格式转为ico格式。

20171108100751.png

现在我们来说一下规则,一般情况下浏览器只能识别名为favicon.ico的图标文件作为站标,且必须是真实的.ico格式(扩展名),并非强制重命名可行。将favicon.ico文件放在网站根目录下,也就是网站首页文件(如index.html/index.php等)所在目录,浏览器就能自动读取。如果需要考虑兼容相对老旧浏览器,则可以在网站首页文件头部加上如下声明代码:

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

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

以上代码需加在</head>标签之前,使用声明代码后,站标图片文件则可以不必限于favicon.ico名称,也可以放在其它目录,同时也可以为不同目录的首页文件各自声明不同的站标。

随着老旧浏览器的淘汰,现在各种较新版本浏览器基本都能自动识别网站根目录下的favicon.ico站标,所以也有很多站长已不再使用声明代码这种方式,而且大家比较公认的通常做法也是将favicon.ico文件上传到网站根目录,这种方式对同一域名下全站目录有效。

对于站标到底要不要放根目录、要不要起另外的名称,可以参考看看以下知名网站的站标:

https://www.baidu.com/favicon.ico

https://www.taobao.com/favicon.ico

http://www.qq.com/favicon.ico

http://www.163.com/favicon.ico

http://www.sina.com.cn/favicon.ico

不来两句?也可以是问题反馈和建议

支持Ctrl+Enter提交
暂无留言,快抢沙发!
0

真心很赞,必须打赏!嗯,以资鼓励~

点此打赏

99%看过的人还会看