firefox如何设置动态图标和网站图标favicon.ico

　　Favicon，即Favorites Icon，它可以让浏览器的收藏夹中除显示相应的标题外，还以图标的方式区别不同的网站。在主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中，favicon不仅在收藏夹中显示，还会出现在地址栏上，这时用户可以拖曳地址前面的favicon图标到桌面以建立到该网站的快捷方式。另外，标签式浏览器还有不少扩展功能，如FireFox支持动画格式的favicon等。

　　设置favicon的方法是，先制作一个favicon.ico图标，放到网站根目录下，然后在网页的<head></head>中加入<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />，这时，用浏览器打开网页，就能看到图标啦！浏览器调用Favicon的原则是首先在网页所在的目录下寻找favicon.ico文件，如果没有，就到网站的根目录下寻找。如果希望让不同的网页显示不同的favicon，那就要多放几个favicon.ico了。也可以用url地址调用网站的 favicon.ico，如<link rel=”shortcut icon” href=”http://www.baidu.com/favicon.ico” type=”image/x-icon” />可以调用百度的favicon.ico。

　　制作favicon.ico的方法也不复杂，首先，利用图形工具创建2个256色的小图片：1个为32×32像素，另一个为16×16像素。然后使用如Image2Ico之类的软件即可将2张图片转换到一个icon文件中。制作图片时调色板要选用“Windows 默认调色板”，不然，最终显示时颜色可能变化。在浏览器中使用16×16像素的图片已经足够，但是拖曳favicon到桌面建立到网站的快捷方式时，则需要32×32像素的图片进行显示，如果您的favicon.ico中不包括32×32像素的图片，则系统会使用默认的浏览器图标来标注网页，如 Internet Explorer的图标。

　　Favicon功能最早由微软创设，微软公司的Internet Explorer浏览器会对每一个网站都请求favicon。

　　另外，Firefox还支持GIF(可以是动态图片)和PNG格式的favicon,使用方法是:
制作16×16像素256色gif或png格式的图片，放到网站根目录下，名称可以不是favcion。然后在<head></head>中加入

<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
<link rel=”icon” href=”gif_favicon.gif” type=”image/gif” >

或

<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
<link rel=”icon” href=”png_favicon.png” type=” image/png” >

　　这样，在收藏夹、地址栏、标签上显示的是gif或png图片，拖曳到桌面形成快捷方式时显示的是favicon.ico。

来源：http://www.letuknowit.com/archives/57

加支付宝好友偷能量挖...

2012-4-21评论(0)网络

阅读(150)喜欢(0)分类：HTML/CSS兼容/XML