favicon的话题无关SEO技术,不过在我们的网站建设中，为网站打造一个契合网站主题的个性化标志则是必需的，这直接关系到能否成功地塑造网站的品牌。这从某些角度看仍在网站推广的范畴之内，而欲取得成功，不仅包括良好的页面设计、令人印象深刻的网站Logo，也包括favicon。
什么是favicon.ico
favicon.ico一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo,如本站的”s”字， 目前主要的浏览器都支持favicon.ico图标. 除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。
Favicon.ico文件制作
favicon文件支持 16*16 和 32*32 两种格式，一般使用16*16.本站就是16*16。
favicon.ico文件生成还是有些难度的，因为它不是标准的位图文件，需要用专门的favicon编辑器生成。
下面提供几个网站可以在线支持转换的
在线生成favicon.ico地址：
http://ico.55.la ， http://www.chami.com/html-kit/services/favicon/，http://www.ico.la/
在网页中使用Favicon.ico
得到你的图标以后,把favicon.ico上传到服务器放在网站根目录下
浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件，如果没有，便到网站的根目录下寻找。
因此，在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico，然后将其上传到网站的根目录即可。
如果您需要将Favicon.ico放到其他目录下，或者希望让不同的网页显示不同的Favicon，就需要在网页Html文件中做设定了，具体设置也很简单，在Html中的＜head＞部分加入如下的代码：
<link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
Firefox还支持GIF动画格式的Favicon,使用方法如下:
首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:
<link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon.gif” type=”image/gif” >
4198
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
