制作网站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互转,大小为32×32,质量不错。
2、ha_ToYcon软件可转多种文件格式,但尺寸最小为64×64。可用ha_ToYcon将多种格式转成png,再用Aveicon2转ICO。
三)在线转换ICO图标
http://www.html-kit.com/favicon/
四)用软件制作透明背景彩色字作ICO图标
我用的制图软件是PhotoImpact 10,PhotoImpact 10里虽然也有ico格式,但基本不能用,因为不能制作和显示透明背景的ico图片。
1、用PhotoImpact制作128×128大小的透明背景彩色字存为.png格式。
方法:(1)打开一个带彩色文字的.png格式图片(256色);(2)调整图片大小,将要制作的字写到打开的png图片上,字体颜色设置为所要色,我用长城彩云繁体,字体大小为128,如果字的笔画较少可设置为粗体;(3)将图片上原来的内容删去,只留下刚制作的彩色字;(4)重新调整图片大小为128×128,将字垂直水平居中;(5)输出时另存为.png格式。
2、用Aveicon2将png互转为ico,大小为32×32,名称为favicon。
五)显示问题
1、ico尺寸16×16或32×32像素, 将这个图标文件命名为favicon.ico,放到根目录下。
2、在网页文件的head部分写上:<link rel=”shortcut icon” type=”image/ico” href=”css/favicon.ico” />
3、在服务器上显示。
4、桌面图标显示最好使用32×32像素。
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色更清晰。