favicon.ico图标使用效果,如图,没有使用favicon.ico图标的网站只会显示一个浏览器的图标。
![]()
favicon图标的使用方法:把favicon.ico上传到服务器放在网站根目录下,然后在首页文件中<head>段插入:
<link rel="shortcut icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
如果你希望出现动画效果的favicon图标,那就上传favicon.ico和animated_favicon1.gif,并且在首页文件中<head>段添加如下的HTML标签:
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon1.gif" type="image/gif" >
Update at 2009-04-19:似乎只要你把favicon.ico文件上传到网站根目录下,不用添加以上代码,也会显示网站图标,这个可能是现在的浏览器能自动发现favicon.ico图标,但是动画的图标是不行的。对于Wordpress,上传favicon.ico文件到目前使用的主题下就可以。
几个可以在线制作favicon.ico图标的网站:
- http://www.html-kit.com/favicon/,英文的,除了普通的静态favicon.ico图标,还可以制作动态favicon图标。
- http://www.bitbug.net/,中文网站,只能制作静态的,有好几种尺寸可选。
- http://www.html-kit.com/favicon/validator/,通过这个链接检测站点上的favicon.ico图标是否正确,但是我检测了好几个都提示错误。
参考链接:
- favicon.ico图标在线制作:http://www.henshiyong.com/archives/34.html
- 制作ICO方法,favicon.ico图标使用方法:http://hi.baidu.com/saga3d/blog/item/e7f589fd3c4e3a43d6887deb.html
[本文来自: 盆盆罐罐>> 在线制作favicon.ico图标,转载请注明。]
受教了,谢谢你的文章。