常用的图像格式含义

无论是HTML还是XHTML都没有规定图像的官方格式。然而，流行的浏览器却专门规定了一定的图像格式：通常情况下是GIF、PNG和JPEG。其他多媒体格式大多数都需要特殊的辅助应用程序，每个浏览器的使用者都要去获取、安装并正确地操作这些应用程序，这样才能看到这些特殊的文件。

1、 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肯定没错。它几乎在所有情况下都可以正常使用。

1.1 隔行扫描、透明性和动画

GIF图像有三种特殊的技巧:隔行扫描(interlacing)、透明性（transparecy)和动画(animation)。通过隔行扫描,GIF图像可以在屏幕上一卜于亚现出米，而不是从上到下逐步地显示。一般情况下，用GIF编码的图像是像素数掂从图家贝部到底部顺次、逐行排列的一个序列。所以，普通的GIF图像在屏幕上显不时，就灯像一卜子拉开窗帘，而具有隔行扫描效果的GIF在显示时，则像卷起白叶窗一件。这龙囚力家系数据的序列是每隔4行就交错一次。用户只需要用下载开显示一整幅图像的1/4时间，就可以看到一个从上到下非常完整的图像，虽然它很模糊。这个只完成了1/4的图像通常已经足够清楚了,这样那些网络连接速度较慢的用户就能够判断出,是否有必要花时间来下载图像其余的部分。

尽管所有的图形浏览器都能够显示隔行扫描的GIF，但并不是所有浏览器都可以显示出隔行扫描那种逐渐清晰的效果。即使是那些可以实现这种效果的浏览器,用户也可以抑制这种效果，方法是选择在图像完全下载并解码后再显示。老式浏览器总是当图像完全下载并解码后才会显示,所以根本不支持这种效果。

GIF图像(实际上是GIF89a格式的图像)另外一种常见的效果是它可以让图像的一部分变成透明效果，这样图像下面的内容（通常是浏览器的窗口背景)就可以透过透明部分显示出来了。透明的GIF图像在它的颜色映射里专门用一种颜色作为背景颜色,从而让显示窗口的背景透过来。通过仔细地剪切图像的大小和选择一种接近纯色的背景颜色，透明图像可以制作成看上去好像完全镶嵌在网页中,或者是浮动在上面的效果。

透明GIF图像适合于任何希望融入文档当中但又不希望看上去是个方块的图形。透明的GIF徽标十分常见，如透明图标或者印刷符号等一任何具有任意的自然形状的图像都可以使用这种效果。还可以在传统文本中插入透明的内联图像,以便在其中显示特殊的字符符号。

GIF图像的透明效果有一个不好的地方，就是如果把它包含在超链接锚()标签里面而没有去掉它的边框，或者用框架专门将它括起来时，它看上去会十分糟糕。而且其他内容会围绕图像的矩形边框显示，而不是靠近图像的不诱明外形。这样的结果就是不必要地把图像隔离了出来,或者使网页看上去非常古怪。

GIF89a格式图像的第三个独特之外是，它可以安现简的的豕帧动画通讨使用特殊的GIF动画工具软件,就可以把一系列GIF图俊放在-个的独的GIFO8a立件由浏览器会相继显示文件中的每个图像,就像我们小时候曾经玩讨其不而过的那种涌过快束翻页产生动画效果的小册子。在GIF文件中,每个图伪→间郑目右牯列的控制郊分,可以用来设置浏览器从头至尾显示整个序列(循环)的次数-西个阿伤→问位颉的时间，以及在浏览器显示后面一个图像之前是否从背号由扶土图伯六间饮贺h涌过把这些特性与那些GIF通常具有的特性（包括单独的颜色表、透明性、隔行扫描等）结合起来使用,就可以创造出非常有吸引力而且非常精致的图像。

简单的GIF动画之所以具有强大的效果，还有另外一个重要的原因:不需要特地为HTML文档编写程序就可以获得动画效果。但它也有一个非常大的毛病，那就是它局限在一些象图标大小般很小的图形中，或者是只占据浏览器窗口中很窄一条的图形当中:即使你非常谨慎地没有在连续的动画单元中重复静态部分,GIF动画文件也还是非常容易变得很大。这样，如果文档中包含了多个动画，那么下载这些图像的拖延时间可能会令用户非常反感。如果说有什么特性值得我们非常小心仔细地对待而不至于滥用的话,那就是GIF动画。

GIF的所有技巧——隔行扫描、透明性和动画——都不是随随便便就可以获得的，它们都需要特殊的软件来准备这些GIF文件。现在很多图像软件都可以把用户创建的或者从外部获得的图像保存为GIF格式,而且大多数都支持透明效果，还可以实现GIF文件的隔行扫描效果。还有非常多专门为这些需要而设计的大量共享软件或者免费软件,包括实现GIF动画功能的软件程序等。你可以在自己喜爱的Internet软件中找到很多GIF图形和转换工具，还可以参阅本书第17章，以获得关于创建透明图像更详细的信息。

那些GIF通常具有的特性（包括单独的颜色表、透明性、隔行扫描等）结合起来使用,就可以创造出非常有吸引力而且非常精致的图像。

简单的GIF动画之所以具有强大的效果，还有另外一个重要的原因:不需要特地为HTML文档编写程序就可以获得动画效果。但它也有一个非常大的毛病，那就是它局限在一些象图标大小般很小的图形中，或者是只占据浏览器窗口中很窄一条的图形当中:即使你非常谨慎地没有在连续的动画单元中重复静态部分,GIF动画文件也还是非常容易变得很大。这样，如果文档中包含了多个动画，那么下载这些图像的拖延时间可能会令用户非常反感。如果说有什么特性值得我们非常小心仔细地对待而不至于滥用的话,那就是GIF动画。

GIF的所有技巧——隔行扫描、透明性和动画——都不是随随便便就可以获得的，它们都需要特殊的软件来准备这些GIF文件。现在很多图像软件都可以把用户创建的或者从外部获得的图像保存为GIF格式,而且大多数都支持透明效果，还可以实现GIF文件的隔行扫描效果。还有非常多专门为这些需要而设计的大量共享软件或者免费软件,包括实现GIF动画功能的软件程序等。

2 JPEG

联合图像专家组(Joint PhotograPhic ExPerts Group, JPEG)是开发我们现在所使用的JPEG图像编码格式的标准化组织。和GIF一样,JPEG图像也是独立于平台的,而且为了通过数字通信技术来高速传播，而专门进行了压缩。与GIF不一样的是,JPEG支持数以万计的颜色，可以显示更加精细而且像照片一样逼真的数字图像。JPEG使用的是特殊的压缩算法，从而可以实现非常高的压缩比。例如,把200 KB大小的GIF 图像压缩到只有30KB大小的JPEG图像,这种情况非常普通。为了达到这样惊人的压缩率，JPEG要损失一些图像数据。然而,通过专门的JPEG工具便可以调整这个"损失率",这样，尽管解压缩后的图像和原来的图像并不完全一样,但它们可以非常接近,以至于大多数人都无法分辨出之间的差别。

尽管JPEG对照片来说是一个不错的选择,但对插图来说就不那么合适了。JPEG使用的压缩和解压缩算法使得它在处理大范围的颜色块时,会留下很明显的人工痕迹。所以，如果想显示用线条描绘的图画，GIF也许更适合一些。

JPEG格式通常由.ipg(或者…JPG)文件名来结尾，现在几乎所有图形浏览器都可以识别这种格式。只有在极少的情况下才可能遇到那些无法直接显示JPEG图像的老式浏览器。

3 PNG

虽然可移植网络图形 （Portable Network Graphic,PNG)技术最初的目的是取代GIF,但是并不是因为GIF已经不能胜任。实际上，GIF曾经是并且可能未来也仍然是因特网上应用最广泛的图形格式。但是因特网的用户在1993年曾经被激怒，在GIF迅速流行并且使用者越来越广泛之后，Unisys决定对GIF的核心压缩技术收取专利费。这一行为与绝大多数的因特网用户联盟所倡导的免费交换和使用的宗旨相悖，并且促使了由Thomas Boutell领导的因特网信息工作组开发出了替代技术——PNG。

PNG比GIF和JPEG具备了很多的优势,除了能够提供另外一种可免费使用的图形格式之外,还包含了更宽的色彩范围(24位真彩RGB，灰度级和类似于GIF的8位色盘)以及更好的无损压缩。PNG具备的独特的、有吸引力的特性包括:alpha通道（可指定比GIF所具备的单层透明度更多的层数，实际上可多达65000多层),可模拟3维图像，伽码校正（可控制图像在不同平台上的亮度，使得图像更生动)，以及二维隔行显示（用于更好地开发图像)。