三 6, 2010
为网站添加favicon
为自己的网站做一个favicon是一件非常有趣的事，无论你是否擅长美术设计。下图就是我为yayablog.net设计的favicon。
下面就来总结一下为网站做favicon的方法：
1. 首先你需要使用photoshop，制作一个16*16的png或者gif图片，最好是透明底的。
2.然后我们需要把这个图片变成.ico图标，这里的方法就有很多种了，google随便一搜就能看到很多，我归纳了一下：
2.1 利用网站在线制作：这种方法是最省时省力的了，但有个重大的缺陷——制作出来的.ico图标底部不是透明的（无论你上传的图片是否透明），所以我没有选择这种方法
2.2 为photoshop软件安装能够输入输出.ico文件的插件，这种方法我没有试过，不知道质量是否过关
2.3 利用软件，将.png格式的图片转换为.ico格式的图标，我用的就是这种方法，使用的软件是：Axialis IconWorkshop，非常方便，效果也不错，google一下down一个绿色版的软件，大概就12M左右。
3. 将制作好的favicon.ico上传到网站的根目录，然后在网站的头部<head></head>之间添加代码：
<link rel=”shortcut icon” href=”http://你的域名/favicon.ico” />
这就大功告成了。
PS：这个方法对IE6不是很友好。哦，说错了，IE6对favicon的显示不友好，解决办法是：大家早点放弃IE6吧，赶快升级。
最新评论