ICO图标的重要性和制作方法

2011-10-14
  • 1758
  • 0

我们先来看一个例子,以下是三个个网站在 浏览器窗口上的显示:

 - 图1

其中百度和Netconcepts网站的浏览器tab中都有一个小图标,另一个手机相关的网站就没有这样的小图标。这个为什么呢?

       网站上的这个小图标,叫ICO图标。ICO是Icon file的缩写,是Windows的图标文件格式的一种,可以存储单个图案、多尺寸、多色板的图标文件。网站ICO图标是作为浏览器首段图标显示,还可以在收藏夹内收藏内容的前段显示小图标。如图2

 - 图2

1. ICO图标的重要性:

      并不是每一个网站都有ICO图标,它需要被设置之后才能显示。 不做ICO图标的网站,不是一个好的网站。ICO图标除了在浏览器中显示外,还能被百度收录显示在搜索结果页面(如图3)。 一般的,网站的ICO图标被百度收录,是相当不容易的,它需要经过百度内部严格的审核,以保证这个网站的权威性。所以,一旦ICO图标被收录,对于用户和搜索引擎,都能很好的提高了你网站的权重。  - 图3

           虽然,ICO图标不是很容易被百度收录,但是很多网站都会做ICO图标。因为这个图标制作简单,能让网站看起来更加专业,也是为被百度收录做好准备。

 2. 网站ICO图标怎么制作:

网站的ICO图标制作很简单。以下简单四步就能帮助我们的网站实现ICO图标的展示。

a) 制作图标。

一般ICO图标都是正方形的。我们先把选定的图形裁成正方形,建议的尺寸是32*3248*4824*2416*16 。 以jpggifpng三种格式保存都可以。

b) 生成ICO图标

将制作好的图片转换成ICO图标。并命名为favicon.ico,一般情况下ICO制作网站生成的文件会自动帮助默认命名。

推荐的ICO图标转换网站:http://www.damotou.com/

c) 添加代码

现将favicon.ico上传至FTP根目录下,然后在<head></head>之间添加代码:

<link rel="shortcut icon" href="http://www.###.com/favicon.ico" />

此处,###为你要添加ICO图标网站的域名。请根据自身情况做修改。

d) 统一模板

将每个页面的头部代码都统一加上以上代码。所以,有静态化设置的站点需要将首页、内页等重新生成一下。