| 图形是网络的一个主要组成部分,如果网页中没有图形,就会变得十分呆板和乏味;不过,我经常发现有些站点由于图形太大,该网站的打开速度相当缓慢。有许多访问者不耐烦等这么长时间,往往会掉头离开。 经过优化的图形是一个站点设计良好的标志,而且它们第一个反映了网站开发人员的技术水平。接下来我们就对GIF文件格式做深入的解析,及如何对网站中的GIF文件进行优化。 我们从下面这两个简单的问题开始: 什么是图形的优化? 为什么需要对网络图形进行优化? GIF-相关基础理论 LZW算法为图形构造了一个色彩表,图形中的每个颜色都对应一个象素。因而包含大面积同一色块的图形,其压缩效果十分理想。相对于其它格式而言,GIF更适用于线图和企业标识。 同样,LZW算法计算的是水平方向上变化的象素数。因而包含水平颜色变化的图形要比竖直颜色变化的图形大。 GIF压缩算法是无损数据压缩方法,即在原始图形转化为GIF格式的过程中,并没有信息被丢失。(注意:如果你的原始图形中包含了比256色还要多的颜色,那么就会丢失一些信息。不过一旦转换为GIF格式后,就不会再有信息丢失的问题。)。 GIF图形的优化: 1). 图形的外形高度(宽度和高度) 2). 图形所包含的颜色数量 |
|||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||||||||||||||||||
| 用Paint Shop Pro (5.0版本)来减少图形的颜色: 1) 打开或创建一个新文件。 2) 单击工具栏中的Colors,在弹出的菜单中选择Count Colors Used(计算所使用颜色)来了解图形中包含的颜色数量。注意:要确保图形在一个层面上,否则Paint Shop Pro计算的只是当前活动层上的颜色数量。 3) 单击工具栏中的Colors,在弹出的菜单中选择Decrease Color Depth(减少颜色深度)。Paint Shop Pro的菜单中提供了2色(1位),16色(4位),256色(8位),32K色(24位),64K色(24位)和X色(4/8 位)。32K色和64K色对GIF图形来说没用,因为GIF图形格式最大是8位(256色)。所以供你选择的应该是2,16或256色这三个选项。 4) X色对话框用于对图形的颜色深度进行较好的调节。你可以通过这个选项来为你的图形指定一个确切的颜色数量。你需要先减少图形的颜色数量,再把它提高到1千6百万种颜色,然后再次将颜色数量减少,以期获得一个满意的图形。也许这些操作看起来非常单调而乏味,不过它确实会极大地降低你图形的大小。 5) 也可使用Color Replacer 用Corel Xara来减少图形的颜色: 用Adobe PhotoShop来减少图形的颜色:
|