欢迎光临
我们一直在努力

对Gif图形的优化(上)-网站运营,搜索引擎推广

建站超值云服务器,限时71元/月

图形是网络的一个主要组成部分,如果网页中没有图形,就会变得十分呆板和乏味;不过,我经常发现有些站点由于图形太大,该网站的打开速度相当缓慢。有许多访问者不耐烦等这么长时间,往往会掉头离开。
  经过优化的图形是一个站点设计良好的标志,而且它们第一个反映了网站开发人员的技术水平。接下来我们就对gif文件格式做深入的解析,及如何对网站中的gif文件进行优化。

我们从下面这两个简单的问题开始:

什么是图形的优化?
所谓图形的优化是指将图象文件的大小降到最低,同时对图形的外观又不会有(太大)改变的这样一个处理。

为什么需要对网络图形进行优化?
在网络上文件越小,下载速度越快,网站的内容就能够越快地呈现在用户眼前。

gif-相关基础理论
gif是图形交换格式(graphics interchange format)的英文缩写,是由compuserve公司于80年代推出的一种高压缩比的彩色图象文件格式。gif采用无损数据压缩方法中压缩效率较高的lzw(lempel-ziv & welch)算法,针对的是8位颜色图形。gif是唯一为所有图形浏览器所支持的图形格式。

lzw算法为图形构造了一个色彩表,图形中的每个颜色都对应一个象素。因而包含大面积同一色块的图形,其压缩效果十分理想。相对于其它格式而言,gif更适用于线图和企业标识。

同样,lzw算法计算的是水平方向上变化的象素数。因而包含水平颜色变化的图形要比竖直颜色变化的图形大。

gif压缩算法是无损数据压缩方法,即在原始图形转化为gif格式的过程中,并没有信息被丢失。(注意:如果你的原始图形中包含了比256色还要多的颜色,那么就会丢失一些信息。不过一旦转换为gif格式后,就不会再有信息丢失的问题。)。

gif图形的优化:
一个gig图形的大小主要取决于:
1). 图形的外形高度(宽度和高度);
2). 图形所包含的颜色数量;
3). 图形的复杂程度;

1). 图形的外形高度(宽度和高度)
标准的图形编辑程序中都提供有一个“crop”裁切工具,它可用于对图形进行裁切,去掉图形中不想要的部分。crop工具的使用相当简单。
a) 对paint shop pro,点击crop工具按钮对Gif图形的优化(上)-网站运营,搜索引擎推广,左键选取图形,拖动鼠标进行选取即可。
b) 对adobe photo shop,单击selection工具按钮对Gif图形的优化(上)-网站运营,搜索引擎推广,左键选取图形,拖动选取自己感兴趣的区域,单击crop按钮对Gif图形的优化(上)-网站运营,搜索引擎推广或从工具条上单击image,在下拉菜单中选择crop即可。

2). 图形所包含的颜色数量
gif最多可包含256色。图形包含的色数越多则图形越大,下载所需时间也越长。在减少颜色深度时,显然要权衡考虑图形的外观。不过一般说来,颜色深度的减少对gif图形的外观影响并不是很大。
下面我们给出控制色彩度的若干例子,注意每个图形的大小都不同。

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 对Gif图形的优化(上)-网站运营,搜索引擎推广
分享到: 更多 (0)