标准2：favicon.ico设计规范、大气、尺寸得当_《永易搜建站110项标准》

favicon.ico是很多做网站公司都容易忽略的一个网站基本功能，现在基本上制作精良的网站都会给客户做这个图片，因为这个做了之后看上去更加的正规，给客户印象也会更好一点：

这是一个很微不足道的功能，但就是这样一个一个的小功能，影响着网站的转化率，塑造着一个公司的品牌形象。所以永易搜建站要求做的每一个网站都要给客户设计制作favicon.ico标志图片。

一、favicon.ico具体的制作标准如下：

1、大气美观

尽量使用客户自己的LOGO来制作，有的LOGO因为不是正方形的要做一些裁剪。裁剪过程尽可能保留客户的LOGO原貌。

不能使用客户LOGO来做ICO图片的，可以使用以下方式进行制作：

（1）在网站标题中选取一个有代表性的字

比如“野狼SEO”，就可以选择“狼”。

（2）帮客户找一个有代表意义的图案

比如“野狼建站”就可以使用一个狼头，或者一个表示网站意思的图片。

2、尺寸得当：64*64像素

我司准备的有“favicon.ico制作样机.psd”在公司共享盘中，有三种常见的制作模式：

（1）透明背景

目前这种方式是主流，大部分的favicon.ico都是透明背景无边框方式的。但如果是这样做比较不清晰，就要改成其它方式了。

（2）有背景色

百度现在的ICO图片现在就是这样设计的，有一个白色的背景色，上边是一个蓝色的熊掌符号。

（3）带边框的设计

站长之家用的是带边框的方式做的ICO，早些时候百度也使用这种方式做的但是后来改了，改动的原因似乎是跟一些苹果系统的桌面图片有关系，因为一个带边框的图片作为桌面图标还是比较丑的。

二、favicon.ico制作两大禁忌：

1、禁用、慎用绿色、灰色

因为很多浏览器当前页背景会变成绿色，而非当前页会是灰色，所以要避开这两种色的使用（起码不能大面积使用），这样就不至于出现ICO图片看不清的情况。建议使用：红、白、黑、紫、蓝等色彩比较鲜明的颜色。如果是小面积使用也是可以的，可参照360官网的ico图片。

2、非正方形图案慎用，因为难以铺满整个画布

显示到浏览器上的ico图片，大概只有16*16像素那么大，所以一定要显示一个正方形的图片，并且要铺满整个画布，否则会比较小而且难看。

三、favicon.ico制作步骤

第一步：选取客户LOGO中的部分内容，或者字样。

第二步：使用“favicon.ico制作样机.psd”，替换里边的图标，并且注意铺满整个设计画布。

第三步：输出为480*480像素的PNG图片

第四步：通过在线ICO制作网站，输出ico图片（选择64*64的尺寸）推荐的两个网站 http://www.faviconico.org/  http://www.bitbug.net/

参考阅读： 

标准1：轮播大图设计，输出“连续”模式，JPG格式_《永易搜建站110项标准》 https://www.yelangcn.com/jz/1226.html