FAVICON.ICO简介

1、FAVICON.ICO简介
favicon.ico就是在WEB根目录下的favicon.ico文件,如http://www.sutong365.com/favicon.ico

很多门户网站都有这个文件 ,Favicon可以方便用户在很多窗口的时候快速定位到他需要的那个TAB,人对图像的识别速度比抽象的文字还是要快很多。

Favicon以前只是在IE收藏时会用到,当收藏网站时,标题名称前会显示favicon.ico;但现在很多多窗口的浏览器都支持,比如目前很流行的FireFox,打开网站时会直接显示在网站地址前以及标题前。

相信现在很多朋友都在使用IE7.0了,IE7.0不但增加了标签页的功能,而且也可以显示Favicon。

在RSS应用中,目前支持favicon的应用也越来越多……

2、FAVICON.ICO文件制作

favicon文件支持 16*16 和 32*32 两种格式,一般使用16*16。

favicon.ico文件生成还是有些难度的,因为它不是标准的位图文件,需要用专门的favicon编辑器生成。

还有一款小软件,魔法ICO v2.00.rar,可以让你把一张图片(支持 bmp,jpg,gif,png 等格式)转化成ico的图标文件,有16X16,32X32,48X48,64X64,72X72,96X96和128X128 多种尺寸,还可以提取程序里的图标。

我很喜欢的一个在线favicon生成器服务:直接上传你喜欢的图片,直接生成16*16像素的favicon.ico文件,还有在线预览功能。

另外推荐一个在线favicon生成器,http://www.chami.com/html-kit/services/favicon/

                                                     http://www.chami.com/html-kit/services/favicon/

3、使用方法

得到你的图标以后,把favicon.ico上传到服务器放在网站根目录下,然后在首页文件中<head>段插入:

以下是代码片段:
<link rel=”shortcut icon” href=”favicon.ico”>
<link rel=”Bookmark” href=”favicon.ico”>

如果你希望出现动画效果的favicon图标,那就上传animated_favicon1.gif并且添加如下的HTML标签:

以下是代码片段:
<link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon1.gif” type=”image/gif” >

今天看到一个站是用的这个:

<link href="/favicon.gif" type="image/gif" rel="icon" />

记录一下 呵呵 2007.06.06