使用了favicon图标后你的王赞在浏览器打开标题前是这样的：看着显眼一点favicon很多网友都比较陌生，而一些站长朋友则比较熟悉，本文主要简单科普下favicon是什么以及Favicon.ico使用方法，作为小知识收藏，以备今后查阅。

favicon.ico图标

favicon是什么？

favicon，即Favorites Icon的缩写，Favicon是favorites icon的缩写，亦被称为website icon（网页图标）、page icon（页面图标）或urlicon（URL图标）。

顾名思义，favicon便是其可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。当然，这不仅仅是Favicon的全部，根据浏览器的不同，Favicon显示也有所区别：

在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会同时出现在地址栏上，这时用户可以拖曳favicon到桌面以建立到网站的快捷方式；

除此之外，标签式浏览器甚至还有不少扩展的功能，如FireFox甚至支持动画格式的favicon等。

ICO原本是windows中存储单个图案的一种图标文件格式，现可以用作软件、文件夹以及网站等的缩略标志，显示在用户的资源管理器，浏览器的地址栏、标题栏和多页面浏览器的标签栏上。图标文件一般尺寸较小，常见的是16*16,32*32和48*48。图标是部分透明的，可以直接打开浏览。

Favicon.ico使用方法

1. 将成功生成的图标文件下载并改名为favico.ico，上传到网站根目录。

2. 在网站首页的模板源文件 head 之间插入下面的代码：

<link rel="shortcut icon" href="/favicon.ico"/>

<link rel="bookmark" href="/favicon.ico"/>

如何创建动态ico图标？

先把做好的gif动态图标命名为favicon.gif，然后再 head 之间加上：

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

強烈推荐使用.ico而不是使用png或者gif

最重要的就是，所有的浏览器，包括IE5，都支持ico文件，gif、png等都没有ico支持范围广。

如果有favicon.ico，服务器的404错误会有友好返回，我们测试了所有现代浏览器（测试了 Chrome 4, Firefox 3.5【火狐】, IE8, Opera 10 and Safari 4），发现他们都会请求favicon.ico，这样错误页就会有对应图标显示，所以最好用ico！

一个.ico文件可以同时满足多个尺寸的需求，不需要每个尺寸单独生成一个文件。

favicon.ico在线制作favicon.ico一般用于作为缩略的网站标志，它显示在浏览器的地址栏、浏览器标签上或者在收藏夹上，是展示网站个性的缩略logo标志，也可以说是网站头像,目前主要的浏览器都支持favicon.ico图标，如果要让网站看起来更专业、更美、更有个性，favicon.ico是必不可少的。网上有不少，favicon.ico在线制作工具，只要在度娘上搜索下，即可找到。