http://blog.163.com/liuruyi007/blog/static/20003551200952921559308/
浏览器地址栏小图标:FAVICON.ICO 的制作方法及工具和教程在线生成favicon.ico的网
址:http://www.chami.com/html-kit/services/favicon/
它有6个在线工具:http://www.chami.com/html-kit/services/
1.FavIcon from Pics //这个就是在线生成favicon.ico图标了,提交一个图片,它会生成一个ICO文件,并打包下载
2.Favicon Validator //favicon验证
3.Buddy Icon from Pics //把图片转换成ICO格式,还可制作PNG格式的背景图片
4.Image Embellisher //制作特殊效果的图片,比如立方体,Windows徽标那样的波浪
5.Online Image Splitter //切割图片
6.Cookie Tester //cookie 测试
得到你的图标以后,把favicon.ico上传到服务器放在网站根目录下,然后在首页文件中<head>段插入:
<link rel="shortcut icon" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
如果你希望出现动画效果的favicon图标,那就上传animated_favicon1.gif并且添加如下的HTML标签:
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" href="animated_favicon1.gif" type="image/gif" >