对Gif图形的优化(上)

图形是网络的一个主要组成部分,如果网页中没有图形,就会变得十分呆板和乏味;不过,我经常发现有些站点由于图形太大,该网站的打开速度相当缓慢。有许多访问者不耐烦等这么长时间,往往会掉头离开。
经过优化的图形是一个站点设计良好的标志,而且它们第一个反映了网站开发人员的技术水平。接下来我们就对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工具按钮 ,左键选取图形,拖动鼠标进行选取即可。
b) 对Adobe Photo Shop,单击Selection工具按钮 ,左键选取图形,拖动选取自己感兴趣的区域,单击Crop按钮 或从工具条上单击Image,在下拉菜单中选择Crop即可。

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


上一篇: 对Gif图形的优化(下)下一篇: 搜索引擎优化词典C

打印本页 | 关闭窗口

| 设为首页 | 加入收藏 | 联系站长 | 广告联系 | 最新文章 | 文章分类 | 管理登录 |

Copyright @ 2006-2008 http://zz.315top.com 联盟信誉大家评版权所有
公司地址:湖北武汉 电话:qq:449818830 邮编:430071
email:[email protected]

Published At
Categories with 站长专区
Tagged with
comments powered by Disqus