制作网站ICO图标

一)网易博客地址栏中红色的"易"字即为其ICO图标,打开源文件在head部分会发现<link rel="shortcut icon" href="http://b1.bst.126.net/0815000/style/common/favicon.ico" />,

http://b1.bst.126.net/0815000/style/common/favicon.ico就是其ICO图标地址。

 

二)软件转换ICO图标

1、Aveicon2软件较好,但Aveicon2只能png和ico互转,大小为32x32,质量不错。

2、ha_ToYcon软件可转多种文件格式,但尺寸最小为64x64。可用ha_ToYcon将多种格式转成png,再用Aveicon2转ICO。

 

三)在线转换ICO图标

http://www.html-kit.com/favicon/

http://www.bitbug.net//

http://ico.55.la/

 

四)用软件制作透明背景彩色字作ICO图标

    我用的制图软件是PhotoImpact 10,PhotoImpact 10里虽然也有ico格式,但基本不能用,因为不能制作和显示透明背景的ico图片。

    1、用PhotoImpact制作128x128大小的透明背景彩色字存为.png格式。

    方法:(1)打开一个带彩色文字的.png格式图片(256色);(2)调整图片大小,将要制作的字写到打开的png图片上,字体颜色设置为所要色,我用长城彩云繁体,字体大小为128,如果字的笔画较少可设置为粗体;(3)将图片上原来的内容删去,只留下刚制作的彩色字;(4)重新调整图片大小为128x128,将字垂直水平居中;(5)输出时另存为.png格式。

    2、用Aveicon2将png互转为ico,大小为32x32,名称为favicon。

 

五)显示问题
1、ico尺寸16x16或32x32像素, 将这个图标文件命名为favicon.ico,放到根目录下。
2、在网页文件的head部分写上:<link rel="shortcut icon" type="image/ico" href="css/favicon.ico" />
3、在服务器上显示。
4、桌面图标显示最好使用32x32像素。
5、图标动画效果在IE中不支持,故需将favicon.ico和favicon.gif同时放到根目录下,并在网页文件的head部分写上:
   <link rel="shortcut icon" href="favicon.ico" >
   <link rel="icon" type="image/gif" href="favicon.gif" >
   支持动画效果的浏览器调用favicon.gif,不支持动画效果的调用favicon.ico。
6、ICO图标有16色、32色和256色,目前显示功能强大,256色更清晰。

posted @ 2009-12-04 16:25  唔愛吃蘋果  阅读(2060)  评论(1编辑  收藏  举报