好好活=有意义 有意义=好好活

上一篇我们研究了JPG图片的保存艺术，这期我们再来看看网络上另一种被广泛应用的图片格式：GIF。

有人要问这两种图片格式的区别，我一时也说不清，这里有比较官方的解释：GIF，JPG。下面我来用我自己的方法解释JPG和GIF的区别。

我们从一张PLMM的照片开始：

(图1-JPG)

(图2-GIF)

比较图1和图2，我想大多数人能看出一些问题了，让我们把眼部放大一倍，把问题放大一倍看：

(图3-眼部放大-JPG)

(图4-眼部放大-GIF)

图3和图4比较，很明显，我们能看出GIF格式的图片和GIF图片的区别。

对于这幅人像图片，保存为GIF图片的画质效果远远不如JPG来的优秀，让我们再来看看文件的大小？
图1-JPG：35.3 KB (36,187 bytes)
图2-GIF：79.3 KB (81,259 bytes)

这种结果，或许会令大多数人惊讶，GIF格式的图片不仅画质没有JPG格式的佳，文件大小竟还超出JPG格式的一倍还多。
那是不是GIF格式的图片就没有存在的必要了呢？答案：否！

原因至少有三点：

1. GIF能保存为多帧图来实现简单的WEB动画效果图，而JPG格式的图片不行。
2. GIF能保存为透明背景图片，能更好的融于有背景图(色)网页，而JPG格式的不行。
3. 让GIF图片变的更小。

前两点我这里就不做解释了，以下内容我主要用来解释下第三点：让GIF图片变的更小

首先我们来看下这张Panasonic的Logo图片：

(图5-JPG-100%画质)

(图6-GIF-256色)-透明背景

相同画质的图5和图6，文件大小又是多少呢？
图5-JPG：16.3 KB (16,706 bytes)
图6-GIF：2.34 KB (2,398 bytes)

对于这张Panasonic的Logo，保存GIF格式比保存为JPG格式，文件缩小了近80%。
这是由于这两种图片格式的算法不同造成的，想研究图片算法的童鞋，可以用Google下图片算法，关键字：LZW数据压缩算法，我这里就不罗嗦了。

当你了解GIF图片的大致算法后，我们又能发现，原来GIF也能变的更小，这取决于图片中出现颜色的多少(图7)：

(图7)
当我选择了256色时(图7中位于上方的小红圈)，我发觉Photoshop计算出图片中并没有这么多颜色(图7中位于下方的大红圈)，实际图片只用了32种颜色，于是我尝试了下选择32色，并保存图片：

(图8)
图片又变小了，才2.22 KB (2,278 bytes)

但从肉眼上看，这张Panasonic的图只有蓝色和灰色2种颜色， 于是我又尝试了2色(图9)：

(图9)
这就有点糟糕了，显然肉眼判断出的颜色数量并不是实际的图片颜色数量，这张图片可不能放在互联网上，太恶心了。

我还是不甘心，于是我又选择了8色来保存(图10):

(图10)
Cool，图片画质几乎没有变化，但图片文件的大小又缩小了，最终我选择8色保存，图片大小1.59 KB (1,629 bytes)，相比最初了JPG格式的图16.3 KB (16,706 bytes)，缩小了90%。

总结：

1. 图片中颜色较多的图片，适合用JPG格式保存，而图片中颜色较少的图片，更适合用GIF图片保存。
2. 有些图片我们很难用用肉眼来判断图中颜色的多少，但可以这么参考：人物、风景等照片的保存，我们选择JPG；Logo，ICON等图片，我们选择GIF