网站头像:favicon.ico
favicon.ico 一般用于作为缩略的网站标志,它显示位于浏览器的地址栏或者在标签上,用于显示网站的logo。目前主要的浏览器都支持favicon.ico图标。
时下绝大多数的网站都有这个图标,便于浏览查看——尤其在打开很多窗口的时候这个图标对于访问者就显得很管用了。
今天我给自己的网站 http://www.chenyg.cn 也小制作了一个这样的图标。感觉还可以。
关于favicon.ico图标的制作并不是简单的工作,需要经过专门的工具制作完成,或者经过转换工具把图片文件经过转换工序才能完成。
下面介绍两个比较好的在线转换生成favicon.ico文件的网站。
1.首先推荐国内的http://www.bitbug.net
2.再来推荐国外的http://www.html-kit.com/favicon
其实不管国内国外,其原理都是一样的,制作出来的文件上传到网站以后,在网页文件添加相应的代码即可。
格式如下:
<link rel=”Shortcut Icon” href=”favicon.ico”>
需要特别注意的是:这个代码必须放在“<head></head>”这对标记之间。
如果制作成GIF动画效果,则可以使用这样的格式<link rel=”icon” href=”animated_favicon1.gif” type=”image/gif” >。当然可以将两种图标统一制作并上传到网站根目录,在“<head></head>”这对标记之间加入代码:
<link rel=”shortcut icon” href=”favicon.ico” >
<link rel=”icon” href=”animated_favicon1.gif” type=”image/gif” >
工作完成了。如果遇到问题需要查找原因并测试结果,可以到http://www.htmlkit.com/go/favicon/validator查看。