怎样制作Favicon格式的网站LOGO

本文主要介绍怎样制作网站LOGO,包括用到的软件,方法,网站,代码,还有一些技巧,并且附有图片。用到了Illustrator,converticon.com.还有就是Wordpress网站用的代码。

网站不仅要有有个性的名字,而且要有好看的LOGO,像百度就是一狗爪印,月光博客是一条的龙。而wordprss是一个w加了一个圈,网站LOGO最主要的简洁,清晰,容易使人记住,由于网站LOGO的图片都是很小的,在很小的一张图片上要把网站的特点展示出来,并且让人记住,这不是一件容易的事。

用Illustrator创作原图片:

Illustrator是最好的创作矢量图片的软件,同样是Adobe公司出品的一款图片处理软件,PhotoShop大家都很熟悉,其实Illustrator的功能也很强大,对于矢量处理是最好的选择,目前的最新版是16,即CS6 当然矢量图片处理还有多,还有corelDraw, Freehand,还有免费开源的矢量图片处理软件Inkscape。

  1. 选择矩形工具,创建一个正方形的框。填充为绿色,无描边。

矩形工具

  1. 选择文字工具,输入Go。调整Go的大小。
  2. 把Go扩展描边。
  3. 保存,输出为PNG格式,其它格式也行,比如JPG。

3go2.com web site logo

这样一个简易的网站LOGO就做好了,但是这样的PNG的图片格式并不能当作网站的LOGO显示出来,还要把PNG格式的图片转换成.ico格式的图片。这里有很多地方可以提供这种转换。也有专门的软件,这里用到的是一个转门转把图片转换成.ico格式的网站。http://converticon.com/

这上网站就做这一件事,其界面是苹果风格的。它可以把JPG,PNG,GIF格的图片转换成.ico格式的。选定择32×32和16×16的格式。检查.ico文件的大小和显示情况,如在windows 下显示不出来的文件是有问题的,得重新转换,转换后的文件最好不要超过2Kb。

转完后上传到网站的根目录。一般上传后刷新就可以了,但是为了确保在多数浏览器上都能够起作用,还需要在进行一步的处理。比如Wordpress在主题的header.php上面加入Icon文件的路径,比如,<link rel=”shortcut icon” href=”http://www.3go2.com/wp-content/uploads/2012/06/favicon.ico” >。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据