深入gif和jpg

GIF格式

GIF（Graphic Interchange Format图象互换格式）是INTERNET上使用最早，应用最广泛的图象格式。GIF格式储存8位/点至1位/点的图象，其原理是减少每点的存储位数以减少图象文件的大小即常说的减色抖动dithering。精确来说GIF 减少了图象调色板中的色彩数量，从而存储时达到减少文件大小的目的。现在我们制作一幅全色图象（RGB模式），制作一份GIF的文件之前，必须将其图象模式转为8位的索引颜色模式（INDEX模式）。 

由图表可以看出，保持图象尺寸不变的情况下减少中的每点的色彩数可以减少图象文件的大小 

每点存储位数 最大色彩数 GIF文件的大小 
8位 256色 37k 
7位 128色 28k 
6位 64色 24k 
5位 32色 21k 
4位 16色 16k 
3位 8色 13k 
2位 4色 9k 
1位 2色 7k 

表1 

尽管支持的颜色数目较少，GIF格式仍然因拥有一些Web上使用很广泛的特殊效果而留存至今。如交错效果，透明颜色效果以及GIF89a（动画）效果。 
交错 

交错即图象下载时从模糊逐渐到清晰的过程。 

当你查看一幅本地系统的图象时，通常图象都是一下子就全部显示出来而与用什么储存关系不大，但是在INTERNET网络上就不一样，当通过INTERNET下载一个包括图象的文件，浏览器能边下载边显示收到的内容，此时就可以看到图象显示的顺序，GIF默认的储存图象顺序为从上到下，从左到右，当下载到一半时，只显示上半部图象，如果下载得慢而下半部图象是关键部位，则必须等待下半部图象的出现，这对于用户来说是相当烦人的。 

GIF允许图象进行交错处理，此时不再严格地从上到下，一行象素一行象素的显示，而且每隔八行处理一次，然后再填补其间的空隙直到清晰为止。下载过程好比是一幅粗线条的素描变成色彩分明的图象。交错后的GIF文件容量并不变化，这种效果处理主要用于处理一些尺寸比较大的图象。 
GIF89a

GIF89a提供的动画实际上由多幅GIF图象组成，浏览器软件以每幅GIF图象定义的时间间隔顺序显示，形成动画效果。 

我们可以把动画分成以下三种常见的类型： 

第一种类型是由多幅内容不相干但具有相同尺寸的GIF图象文件组成的动画文件在质量允许的情况下，采用上述方法把组成GIF89a动画的每幅GIF文件的色彩数尽可能减少，便可以做到缩小文件。 

第二种类型，我们仔细观察可以发现大部分动画的第二幅图象只是在第一幅图象的某些区域有一定的变化，因此再第二幅图象中可以只保存不同区域的内容，这样可以极大的缩小文件。 

第三种类型是有固定背景的动画，这样只须保存第二幅图像的前景并设背景为透明就可以了。 

对于第二种和第三种类型我们必须保证组成动画的每幅GIF图象都使用相同的调色板进行减色抖动，同时第二幅图象定位必须准确。 

如使用一幅200*100（长*高）点阵作背景，用上面的三种分别制作一幅类似于霓虹灯效果的GIF89a动画交替显示“图象”两个字，我们会发现三种方法的显示效果完全一样，但用第三种方法优化的文件比用第一种方法优化的小50%。见表2： 

制作方式 GIF89a文件大小 
第一种 22.4k 
第二种 13.6k 
第三种 10.2k 

表2 

JPEG格式

由JointPhotographic Experts Group提出并因此得名，在INTERNET上被广泛支持的图象文件格式，JPG支持16M色彩既24位色或真色彩，典型压缩比为4：1。 

表3是一幅原图为380K的“psd”格式图象在不同压缩比下进行压缩后的图象文件大小的比较： 

压缩方式 压缩比 图象质量 文件大小 
最高（max） 小 很好 93k 
高（high） 较小 非常好细节损失不易备查觉 53k 
中等（medium） 中等 细节损失明显但还可接受 31k 
底（low） 高 细节损失大 23k 

表3 

由此表可以看出，在兼顾图象质量和大小的情况下，以中等（medium）方式对自然色彩的图象进行JPEG压缩最为适宜。 

JPEG只能对具有连续色调或连续灰阶的24位图象进行压缩，对由8位转化成24位的图象没有优势。原因在于8位色彩的图象中相邻点的颜色变化比24位大，JPEG对于这类图象造成既占空间又损失图象质量的结果，这时JPEG的压缩效果可能比GIF更差。 

由上可以看出： 

1.GIF和JPEG虽然都能使图象文件变小，但对质量都有一定的影响，因此在处理这两类图象时先将其备份。对于已经压缩过的 JPEG图象最好不要再压缩. 

2.在GIF与JPEG之间选择时，要记住要在质量可以接受的情况下使图象的容量变的最小，通常单调的可以考虑使用GIF压缩。用 JPEG处理照片比较合适，因为里面包含许多色彩的缓和变化。高对比艺术照片则例外，里面包含单调区域，适用GIF处理。