如何给网站制作一个favicon.ico图标，附代码(图)
分类：网页设计 Tags： 工具 评论：0 浏览：10325 最近更新时间：2007/5/22 10:29:51
ico图标是网站的头像，在打开网站的时候出现在IE的地址栏里，目前大多数浏览器都支持，最常用的IE6.0则显示加入本地收藏夹网站的ICO图像：
绝大多数网站可以没有ICO头像,但如果做为一个一流的网站,没有ICO头像是很难令人信服的.就好象一个人穿了一身正装但却没有打领结一样冒失.
上面的图片是我的个人网站的ICO图标，以下是一些名站的头像：
百度
新浪
新华网
多数有名的设计网站更重视ICO图标：
设计在线：
闪客帝国:
逸品设计:
其实制作ICO图标很简单，主要是很少软件支持ICO格式，关键是将JPG或GIF转为ICO格式,网上下载的可以转ICO格式的软件全是收费的，没有一个可以完全免费使用的，下面的方法可以不用花钱一样可以做成自己的ICO图标。
步骤：
1：先用画图软件最好是FireWorks或Photoshop做一个16*16的图标，存为gif或者jpeg格式；
2：到这个网站转化为ico文件：http://www.chami.com/html-kit/services/favicon/
3：上传到网站的根目录下就完成了。
现在把你的网站加入收藏夹再重新打开看看，就是这样简单！
如果没有显示,可以在网页的head里加入下面的代码:
＜link rel="shortcut icon" href="favicon.ico"＞
技巧:制作16X16的图片千万不要先做大图再改变分辨率,这样做不出清晰的图标的,就当是用16乘16的=256个小方块拼一个图标出来,在Photoshop里也可以实现.我见过有在16X16的格里拼出一个熊猫的,还是全身的.这就要高度概括的能力了.
-
• 同一页面不同链接颜色，自定义链接不同颜色样式
• 解决国外空间Access错误Selected collating sequence not supported by the operating system
• 【原创】如何自学做网站？自学做网页需要学什么？
• 10个国外墙纸图片素材网站
• js实现图片等比缩略显示代码，支持IE，Firefox浏览器
• 如何使网页支持PNG透明(IE6、IE7、firefox下测试通过)
• 如何将文本输入框与文本不对齐，input对齐同一行文字
• 英文网站/英文名片电话号码的正确写法
• 关于网站paypal在线支付接口代码问题
• 网页制作中CSS样式常用技巧
