制作网站ICO图标

一)网易博客地址栏中红色的"易"字即为其ICO图标,打开源文件在head部分会发现<link href="" />,

就是其ICO图标地址。

二)软件转换ICO图标

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

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

三)在线转换ICO图标

四)用软件制作透明背景彩色字作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 type="image/ico" href="http://www.likecs.com/css/favicon.ico" />
3、在服务器上显示。
4、桌面图标显示最好使用32x32像素。
5、图标动画效果在IE中不支持,故需将favicon.ico和favicon.gif同时放到根目录下,并在网页文件的head部分写上:
   <link href="http://www.likecs.com/favicon.ico" >
   <link type="image/gif" href="http://www.likecs.com/favicon.gif" >
   支持动画效果的浏览器调用favicon.gif,不支持动画效果的调用favicon.ico。
6、ICO图标有16色、32色和256色,目前显示功能强大,256色更清晰。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzwfwf.html