网页ICO图标制作

来源:互联网 发布:刺客信条叛变知乎 编辑:程序博客网 时间:2024/04/28 08:08

前两天巴士飞扬找我给他做网页ICO图标,因为很久都没做ICO图标了,原来用的那些软件也都找不到了,于是上网找了半天才找到几个比较好用的,用来制做ICO图标的软件,还有一些在线制作ICO图标的网站。现在拿出来和大家分享一下。
 

1、制作ICO图标的软件

本来小一有两个特别好用的、特别强大的软件,但是因为长时间不用,找不到了,也不记得叫什么名字了,汗!不过~~这次又找到了个比较好用的软件,用来做ICO图标还是不错的说!软件名为:图标转换器 V1.0,是免费的软件,很简单、很清爽、很绿色!下载并运行图标转换器 V1.0,选择想用来转换成ICO图标的图片,支持JPG和BMP格式的图片,可惜不支持PNG格式!不过~~没有关系,选择好图片后,先点转换,再点编辑,看到了吧~~我们可以对生成的ICO图标进行编辑,可以手动把背景弄成透明的哦,这样就弥补了不支持PNG格式的缺点!
相关下载:图标转换器 V1.0
 

2、在线制作ICO图标的网站

A、256 Pixels,网站地址为:http://www.256pixels.com。选择好要转换成ICO图标的图片,并选择好要转换的范围,就可以了!同样可以对生成的ICO图标进行编辑!对了~~注册为会员的话,还可以保存你所制作的图标哦,方便查看管理你制作的ICO图标!当然~~不注册也可以制作并下载ICO图标的!
B、ConvertIcon,网站地址为:http://converticon.com。制作方法和上一个256 Pixels的差不多,只是这个没有注册功能,不能在线保存并管理自己制作的ICO图标!
C、Bitbug,网站地址为:http://www.bitbug.net。这个是中文的哦!只是验证码让人很不爽,而且不能编辑生成的ICO图标,功能上比前两个要差了很多,不过~~这个中文的用起来简易些!
 

3、如何为网页添加图标

ICO图标做好了,如何添加到网页中呢?以Z-Blog为例:修改模板,在<head></head>中添加代码:<link rel="shortcut icon" href="ICO图标的URL" /> 。这样就可以了!其它网页、博客、论坛添加方法相似,就不说了!

 

默认浏览器会默认搜索favicon.ico

 

如果要某页指定特定图标::<link rel="shortcut icon" href="http://网址/ICO图标的URL" />

原创粉丝点击