您是否曾在IE和Firefox等现代浏览器中将网站添加到收藏夹菜单中，并注意到列表中网站标题旁边添加了一个网站自己的自定义图标？此自定义图标不是简单的默认图标，而是使该网站与列表中的其他网站脱颖而出。现在，当您再次查看该列表时，您最有可能点击哪个站点？可能是带有特殊图标的那个！
如果您还没有看过，可以访问Dynamicdrive.com或Pageresource.com等网站，并将它们添加到您的收藏列表中。请注意收藏夹菜单中突然出现彩×××标的方式，以及如何将图标添加到您输入网站URL的“地址”区域。
那么，你怎么能做同样的事情呢？所有实际需要的是您创建一个名为favicon.ico的文件，并将其放在存储其他HTML文件的主网站目录中。诀窍在于创建图标文件。
首先，您可能希望获得一个图标创建工具来创建自己的收藏夹图标。一个好的是 Microangelo。或者更简单，有一个很酷的在线工具，可以让你上传任何图像，并调整大小并将其转换为favicon： Favicon生成器。
在创建Favicon时，您应该了解以下准则：
i）确保图标的大小为16x16像素。这是浏览器期望的大小。
ii）确保仅使用16色调色板。同样，它需要以这种方式正常工作。
在您创建了一个整洁的图标后，是时候将它添加到您的网站了。为此，请按照以下简单程序：
将生成的文件（“favicon.ico”）上传到您的站点。通过在浏览器的位置键入http://mysite.com/favicon.ico来验证它是否存在，其中“mysite.com”是您站点的地址。
接下来，将以下代码插入页面的HEAD部分，至少是您网站的主索引页面：
<link rel =“快捷图标”href =“/ favicon.ico”/>
而已！请注意，完成上述两个步骤后，您的favicon可能不会立即显示。事实上，它可能需要几天时间，而在IE中，由于浏览器错误，有时候favicon会不时消失。
原文地址：http://blog.51cto.com/13959020/2176021