网站图片格式GIF与JPEG格式详解
作者：佚名 时间：2014-02-14
网站图片格式GIF与JPEG格式详解
HTML和XHTML是引人注目的特性之一，就是能够在文档的文本中包括图像，即可以把图像作为文档的内在对象(联机对象)，也可以将其作为一个可通过超链接下载的单独文档，或者作为文档的背景。
合理地在文档主体内容中加入图像（静态的或者具有动画效果的图标、照片、说明、绘画，等等）时，会使文档变得更加生动活泼，更加引人入胜，而且看上去更加专业，更具信息性并易于浏览。还可以专门使且一个图像成为超链接的可视引导图。然而，如果过度使用图像，文档就会变得支离破碎，混乱不堪，而且无法阅读，用户在下载和查看该页面时，更会增加很多不必要的时间。
图片格式
无论是是HTML还是XHTML都没有规定图像的官方格式。然而，流行的浏览器却专门规定了一定的图像格式：通常情况下是GIF和JPEG。其他格式大多数都需要特殊的辅助应用程序，这样才能看到这些特殊的文件。所以，GIF和JPEG成为图像在Web上的实际标准也就不令人奇怪了。
在Web出现以前，这两种图像格式已经得到了广泛使用，所以有大量支持软件可以帮助我们以这两种格式创建图像。然而，这两种格式各自有其优缺点，有些浏览器会利用其特性来实现特殊的显示效果。
GIF
图形交换格式（Graphics Interchange Format，GIF）最初是CompuServe为其在线服务用户传输图像而开发的。这种格式有很多特性，因些在HTML和XHTML文档中十分普及。它的编码技术在很多平台上都可以使用，所以通过适当的GIF解码软件（大多数浏览器浏览器都含有这种软件），在Macintosh上创建并组成GIF文件的图形，在基于Windows的PC上也可以毫不费力地加载、解码并查看。GIF的第二个主要特性是，它采用了一种特殊的压缩技术，可以显著减小图像文件的大小，从而得以在网络上更快地进行传输。而且GIF压缩是“无损”压缩，也就是说，图像中原来的数据都不会发生改变或丢失，所以解压缩并解码后的图像与原来的图像完全一样。同时，GIF图像还非常容易实现动画效果。
尽管GIF图像文件都用.gif（或者是.GIF）作为文件名后缀，实际上却有两个GIF版本：原始的GIF87和扩展的GIF89a，后者支持很多新特性，包括透明背景、交叉存储和动画等，这些特性在Web创作者中的使用十分普及。现在流和垢浏览器都支持这两种GIF版本，它们都是通过同一种方案来把8位的像素映射到一个颜色表中，这样每个图像最多可以有256种颜色。大多数GIF图像实际颜色的数目更少，有些特殊工具可以在更为精细的图像中简化这些颜色。通过简化GIF图像，可以创建一个更小颜色的映像并且强化像素冗余，来使文本压缩得更多，从而使下载速度更快。
然而，由于颜色数目有限，用GIF编码的图像并不是任何时候都适用，尤其是对那些具有照片一样逼真效果的图片来说。GIF可以用来创建非常好看的图标和颜色不多的图像及图画。
因为大多数图形浏览器都明确地支持GIF格式，因此它现在是Web上接受面最广泛的图像编码格式。内联图偈和外部链接图像都可以使用这种格式。如果你在选择图像格式方面犹豫不决的时候，使用GIF肯定没错。它几乎在所有情况下都可以正常使用。
隔行扫描、透明性和动画
GIF图像有三种特殊的技巧；隔行扫描（interlacing）、透明性（transparecy）和动画（animation）。通过隔行扫描，GIF图像可以在屏幕上一下子显现出来，而不是从上到下逐步地显示。一般情况下，用GIF编码的图像是像素数据从图像的顶部到底部顺次、逐行排列的一个序列。所以，普通GIF在显示时，则像卷起百叶窗一样。这是因为像素数据的序列是每隔4行就交错一次。用户只需要用下载并显示一整幅图像的四分之一时间，就可以看到一个从上到下非常完整的图像，虽然它很模糊。这个只完了四分之一的图像通常已经足够清楚了，这样那些网络连接速度较慢的用户就能够判断出，是否有必要花时间来下载图像其余的部分。
尽管所有的图形浏览器都能够显示隔行扫描的GIF，但并不是所有浏览都可显示出隔行扫描那种逐渐清晰的效果。即使是那些可以实现这种效果的浏览器，用户还可以通过选择在图像完全下载并解码后再显示，来抑制这种效果。老式浏览器总是当图像完全下载并解码后才会显示，所以根本不支持这种效果。
GIF图像（实际上GIF89a格式的图像）另外一种常见的效果，是它可以让图像的一部分就变成透明效果，这样图像下面的内容（通常是浏览器的窗口背景）就可以透过透明部分显示出来了。透明的GIF图像在它的颜色映射里专门用一种颜色作为背景颜色，从而让显示窗口背景透过来。通过仔细地剪切图像的大小和选择一种接近纯色的背景颜色，透明图像可以制作成看上去好像完全镶嵌在网页中，或者是浮动在上面的效果。
透明GIF图像适合于任何希望融入文档当中但又不希望看上去是个方块的图形。透明的GIF徽标十分常见，如透明图标或者印刷与符号——任何具有任意的自然形状的图像都可以使用这种效果。还可以在传统文本中插入透明的内联图像，以便在其中显示特殊的字符符号。
GIF图像的透明效果有一个不好的地方，就是如果把它包含在超链接锚（<a>）标签里面而没有支掉它的边框，或者用框架专门将它括起来时，它看上去会十分糟糕。而且其他内容会围绕图像的矩形显示，而不是图像的不透明外形。这样的结果就是不必要地把图像隔离了出来，或者使网页看上去非常古怪。
GIF89a格式图像的第三个独特之处是，它可以实现简单的逐帧动画。通过用特殊的GIF动画工具软件，就可以把一系列GIF图像放在一个单独的GIF98a文件中。浏览器会相继显示文件中的每个图像，就把我们小时候曾经玩过的（甚至画过的）那种通过快速翻页产生动画效果的小册子。在GIF文件中，每个图像之间都具有特殊的控制部分，可以用来设置浏览器从头至尾显示整个序列（循环）的次数，每两个图像之间停顿的时间，以及在浏览器显示后面一个图像之前是否从背景中抹去图像空间，等等。通过把这些特性与那些GIF通常具有的特性（包括单独的颜色表、透明性、隔行扫描等）结合起来使用，就可以创造出非常有吸引力而且非常精致的图像。
简单的GIF动画之所以具有强大的效果，还有另外一个重要的原因：不需要特地为HTML文档编写程序就可以获得动画效果。但它也有一个非常大的毛病，那就是它局限在一些像图标大小般很小的图形中，或者是只占据浏览器窗口中很窄一条的图形当中：即使你非常谨慎地没有在连续的动画单元中重复静态部分，GIF动画文件也还是非常容易变得很大。这样，如果文档中包含了多个动画，那么下载这些图像的拖延时间可能会令用户非常反感。如果有什么特性值得我们非常小心仔细地对待而不至于滥用的话，那就是GIF动画。
GIF的所有技巧——隔行扫描、透明性和动画——都不是随随便便就可以获得的，它们都需要特殊的软件来准备这些GIF文件。现在很多图像软件都可以把用户创建的或者从外部获得的图像保存为GIF格式，而且大多数都支持透明效果，还可以实现GIF文件的隔行扫描效果。还有非常多专门为这些需要而设计的大量共享软件或者免费软件，包括实现GIF动画功能的软件程序等。你可以在自己喜爱的Internet软件中找到很多GIF图形和转换工具。
JPEG
联合图像专家组（Joint PhotograPhic ExPerts Group，JPEG）是开发我们现在所使用的JPEG图像编码格式的标准化组织。和GIF一样，JPEG图像也是独立于平台的，而且为了通过数字通信技术来高速转播，而专门进行了压缩。与GIF不一样的是，JPEG支持数以万计的颜色，可以显示更加精细而且像照片一样逼真的数字图像。JPEG使用的是特殊的压缩到只有30KB大小的JPEG图像，这种情况非常普通。为了达到这样惊人的压缩率，JPEG要损失一些图像数据。然而，通过专门的JPEG工具便可以调整这个“损失率”，这样，尽管解压缩后的图像和原来的图像并不完全一样，但它们可以非常接近，以至于大多数人都无法分辨出之间的差别。
尽管JPEG对照片来说是一个不错的选择，但对插图（illustratin）来说就不那么合适了。JPEG使用的压缩和解压缩算法使得它在处理大范围颜色块时，会留下很明显的人工痕迹。所以，如果你想显示用线条描绘的图画，GIF也许更适合一些。JPEG格式通常由.jpg（或者.JPG）文件名来结尾，现在，几乎所有图形浏览器都可以识别这种格式。只有在极少的情况下才可能遇到那些无法直接显示JPEG图像的老式浏览器。
