在线制作favicon.ico(地址栏图标)
所谓favicon,即Favorites Icon的缩写,会在地址栏显示网站图标。也可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。根据浏览器的不同,Favicon显示也有所区别:如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。
制作favicon需要首先准备16X16或32X32的图片(当然也可以自定义大小,最好保持纵横比),然后利用专门工具转换为favicon.ico。推荐使用在线转换工具,FavIcon from Pics和比特虫都不错。其中FavIcon from Pics的选择更多,可以生成动态图标。还有一个网站favicon.cc提供在线制作图标,与前两个不同,不用准备图片,只是在线绘制,支持静态和动态。网站还提供其他用户绘制的图标供下载。
favicon制作好以后,需要在页面源文件的<head></head>标签之间插入
<link rel=”shortcut icon” href=”favicon.ico” />
如:
<head>
…
<link rel=”shortcut icon” href=”favicon.ico” />
</head>
本文作者:Feng
本文链接:http://www.deleba.com/archives/on-line-production-faviconico-address-bar-icon/
相关日志
2 条评论 »
RSS feed for comments on this post. TrackBack URL













子非鱼
这个方法试过了,在ff下可以显示,在theworld下就不行,纳闷ing
另外你的博客做的很不错啊,可否互换个链接。呵呵
Feng
ie核心的浏览器不支持favicon的。不知道ie7支持么。