网页中如何使用图像及图像工作原理(二)

    JPEG代表联合图像专家组(Joint Photographic Experts Group)，这是发明这种格式的组织的名称。这种压缩方案先对像素的平均颜色值进行采样，然后抛弃冗余像素，以此降低文件大小。以后在对图像进行解压和呈现时，会根据存储的样本重建那些被删除的像素。此外每次编辑和保存一张JPEG图像的时候，实际上是再次压缩一张已经被压缩过的图像，在此过程中又会损失一些数据。每一次压缩都将进一步降低图像质量，就像对复印件再进行复印一样。你应该保留图像原始的、未经压缩的版本以备今后进一步编辑，仅当把图像放到Web上去的时候才把它压缩为JPEG文件。JPEG格式通过牺牲像素来节省磁盘空间，但它能在相对较小的文件中存储大量颜色信息，因此比较适合照片和其他一些具有大量不同颜色的图像，以及一些存在一种颜色平滑地渡过到另一种颜色的情况的图像。JPEG文件的文件扩展名是".jpeg"或".jpg"，较短的一个更常见，因为有些计算机操作系统不允许使用4个字符的文件扩展名。
    GIF代表图形交流格式(Graphic Interchange Format)。它通过减少文件中保存的颜色数目来压缩图像，但保留了每一个像素的位置信息。因为GIF被认为是一种五损格式，所以比较适合于徽标、图标、以及包含有文本、需要维持清晰的轮廓以便阅读的图像。一个GIf图像最多能包含256种不同颜色，但也可以包含更少的颜色。保存的颜色数目越少，文件也就越小。曲线图、地图、素描和其他具有大面积纯色或颜色种类很少的图像，都适合使用GIF格式。在网站建设中也最常用GIF格式的图片。GIF图像还可以包含透明区域，图像后面的东西能够透过这些区域显示出来。一个像素要么完全透明，要么完全不透明，因此在透明区域和不透明区域交界处会形成锯齿状边缘。大多数图像编辑程序都允许你为透明GIF图像指定一种杂边色，你可以将其设置为与页面背景色相同，以尽可能地减轻锯齿状现象。GIF的另一个显著特点是它支持初级的动画。一幅图像可以由许多帧组成，它们依次显示，产生一些很酷的效果。当然GIF动画中的每一帧都有额外的信息需要存储，所有自然会增加文件的大小。
    PNG代表是可移植网络图形(Portable NetWork Graphic，缩写为PNG)这种格式是作为专利性的GIF格式的自由的后继者而被发明的。性对于其前辈，它在许多方面都有所改进。与GIF一样，PNG图像最多也只能包含256种颜色，它对透明的支持也与GIF一样。由于采用了一种不同的压缩方案，8位PNG文件有时比GIF文件更小。PNG格式的另一个变体支持24为色，所以能包含上百万种不同颜色。在这方面，它与JPEG相似，但其文件往往比JPEG格式的更大。所以在网站设计中最好不要采用这个格式的图像，下载速度很慢。可以说，24位图像最出色的特点在于它包含了一个透明度的alpha通道，这就像是在图像中嵌入的一个不可见层，用于定义半透明区域。GIF或8位PNG中的透明像素是完全透明的，而24位PNG中的像素则可以是半透明的，使某些部分的背景可以像透过半透明的膜一样透过图像显示出来。令人遗憾的是，许多较老的浏览器不完全支持具有alpha透明度的PNG图像，其中包括Windows平台上的第7版之前的IE。在这些老式浏览器过期之前，倘若你要使用alpha透明度的PNG图像，一定要谨慎从事。
    如何在网页的内容中加入图像。网页上的文本内容是XHTML文档的一部分，它们被用来表明每一串词语的含义和用途的标签包围着。相比之下，建站研究图像是外部文件，实际上根本不是文档的一部分。在XHTML文档中使用img元素引用图像。呈现一个包含图像的网页分两个阶段：先是下载标记代码，然后再下载外部图像。只有img元素出现在文档里，浏览器就会从Web服务器获取它所引用的文件，并将其呈现在页面上以替代该元素。在网页中显示图像一般用img，行内元素img被认为是一种替换元素因为被呈现的并不是元素本身。它也是没有任何文本内容的空元素，所有必须用一个结尾斜线</>自闭和。img元素需要使用src属性声明图像文件的来源，其值是一个指向该文件在Web服务器上的位置的URL。alt也是一个必须属性，它提供了与图像等价的替代性文本。如果无法获得图像，或者浏览器不能显示图像，那么将显示它所指定的替代性文本。它还提高了网页对于有视力障碍的人呢的可访问性。