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