常用站点Favicon设置方法

Favicon是favorites icon的缩写,亦被称为website icon(网页图标)、page icon(页面图标)或urlicon(URL图标)。
Favicon是与某个网站或网页相关联的图标,多数为站点logo图标。浏览器可以将Favicon显示于浏览器的地址栏中,也可置于书签列表的网站名前,还可以放在标签式浏览界面中的页标题前。
多数情况下仍然使用ICO格式,但当下主流浏览器现在也支持PNG(便携式网络图片)格式,和GIF(图形交换格式)动画图像格式。


Favicon应用场景:(以Chrome为例)

1. Tab标签页头部;
Snip20140425_23

2. 浏览器快捷书签栏;
Snip20140425_21
3. 书签管理器;
Snip20140425_20
4. 空白页面常用网址导航区域;
Snip20140425_26


Favicon设置方法;

方法一:
用HTML来为任何一个网页指示其图标所存储的位置。这种方法是通过在页面的部分添加两个link组件来实现的。
在你想要显示Favicon的Html代码页面的HEAD区域逐一添加以下META标签(替换相应的favicon.ico路径):


方法二:
定义一个Favicon的方法是将一个名为“favicon.ico”的文件置于Web服务器的根目录下(例如目录/www/)即可。
Snip20140425_27
在站点的html页面代码中没有特殊设置过Favicon的META标签情况下,系统会默认使用此图标作为整站的默认Favicon;
方法三:
通过.htaccess重定向文件统一设置favicon.ico图标;在你的.htaccess文件中添加如下重定向代码;

RewriteEngine on
RewriteRule ^(.*)favicon\.ico /images/favicon.ico [L]

情况四:
如果位虚拟主机,有多个域名需要分别设置不同的favicon.ico,则需要在多域名目录的.htaccess添加以下重定向代码:

RewriteCond %{HTTP_HOST} ^myhost1.com$
RewriteRule ^favicon\.ico$ /images/favicon1.ico

RewriteCond %{HTTP_HOST} ^myhost2.com$
RewriteRule ^favicon\.ico$ /images/favicon2.ico

备注:ico文件格式多由普通图像格式(png,gif,jpg)转化而来,具体工具请自行百度”ico文件转换”,有很多在线转化工具可以使用;


参考资料:
http://www.w3.org/2005/10/howto-favicon
http://en.wikipedia.org/wiki/Favicon

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据