设置浏览器地址栏URL前面显示的图标

偶然对这个问题来了兴趣.在南昌的时候，我360的浏览器地址栏URL前面显示的图标自动变了，然后经理看到了，问：你怎么搞的？我当时就很奇怪。。怎么会自动改变了？后来发现是COPY他人代码的时候COPY进去的！

如百度、CSDN一打开网址在 地址栏URL最前面有个小图标，也算是站点个性化的方式吧，很有意思，决定把它弄清楚

问了下同事在网上搜索下 方法如下：

其实很简单，你只做个ico图标，命名为favicon.ico，把它传到你的页面下面。
并在相应的页面里加上代码
在页面<heah></heah>之间加， <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
OK了。
ico图标怎么做呢？
1.在线生成favicon.ico
地址:http://www.chami.com/html-kit/services/favicon/
2.下个制作ico的软件，自己做。

举例：
收藏夹图标生成器：http://www.html-kit.com/e/favicon.cgi

Favicon.ico是收藏夹图标，在收藏夹或者浏览器的地址栏里就可以看到这个显著的图标。而且在多标签浏览器时Favicon可以方便用户迅速定位到他需要的那个标签。

"收藏夹"图标有着它特有的规格：图标的大小为16*16，32*32，48*48三种格式（以像素为单位），在收藏夹里出现的是16*16， favicon.ico文件生成还是有些难度的：它不是标准的位图文件，需要用专门的favicon编辑器Microangelo 98，favicon.com等生成。现在发现了一个在线favicon生成器服务：直接上传你自己的图片(GIF/JPG格式)，直接生成16*16像素的favicon.ico文件，还可以在线预览和下载。

使用方式是在页面里嵌入以下语句：

在 <title> </title> 后加入：
<link rel="shortcut icon" href="favicon.ico" >

第一步，准备一个图标制作软件。
首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的制作ico图标.

第二步，确定“收藏夹”图标的规格。
在收藏夹里出现的是16*16；所使用的颜色最好成绩不要超过16色。（为了清晰）,如果你不清楚可以在C盘查找*.ico格式的图标,应该能在IE缓存里找到那些网站的图标,你可以打开这些图标就可以知道该用什么格式的了,跟人家的一样就行。

第三步，设计一个属于您自己的图标。
你可以将您的网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之，它一定要是属于您自己的，并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为：favicon.ico。可以制作的醒目些,比如我做的是一个白底蓝字的\"Adu\",自我感觉良好 呵~~~~

最后，只需要将这个图标文件（favicon.ico）上传到您的网站所在的服务器的根目录下。
也就是你的主页index.html所在的那个文件夹。

这样，您不需要对您的网页文件作任何的修改，IE5会自动的不停的搜索您的网站的根目录，只要它一发现了favicon.ico 这个文件，就会将该图标显示在访问者的地址栏和收藏夹列表中了。