余志国网站设计工作室是专业从事义乌网站建设、义乌外贸网站建设、义乌网站制作、义乌网站设计的专业义乌网站建设工作室,是义乌外贸网站建设专家!

如何给网站制作一个favicon.ico图标,附代码(图)

分类:网页设计 Tags: 工具 评论:0 浏览:11140 最近更新时间:2007/5/22 10:29:51

 
     ico图标是网站的头像,在打开网站的时候出现在IE的地址栏里,目前大多数浏览器都支持,最常用的IE6.0则显示加入本地收藏夹网站的ICO图像:

     绝大多数网站可以没有ICO头像,但如果做为一个一流的网站,没有ICO头像是很难令人信服的.就好象一个人穿了一身正装但却没有打领结一样冒失.

上面的图片是我的个人网站的ICO图标,以下是一些名站的头像:

Google
google

百度
baidu

新浪
新

新华网
title

QQ
qq

多数有名的设计网站更重视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的格里拼出一个熊猫的,还是全身的.这就要高度概括的能力了.

本文地址:/210/
  • 相关文章
  • 推荐文章
  • 最新文章
发表评论





您的IP:18.97.14.91,来自:

留言

 


免费咨询
建站咨询热线
15967985565
QQ: 358758308 Skype: yuzhiguo Facebook: yuzhiguo Email