当前位置:首页 > 建站知识 > 详情
sousuo
sousuo

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

上传时间:2019-12-19            浏览次数:475

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

继续浏览有关 永易搜 建站 建站110项标准 的文章
永易搜建站用技术和实力说话
0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们