《web上的图像》-公开课件.pptVIP

Web 开发与技术设计 Web上的图像（五） JPEG格式 JPEG（Joint Picture Expert Group，联合图像专家组，这是创建此算法的一个标准组织）是指JFIF格式文件所使用的压缩算法，通常，它亦被称为“JPEG文件”。 和任何在Web上广泛使用的图像文件格式一样，JPEG格式也是与平台无关的。而且，在 2．0版本或者更高版本的 Netscape Navigator及 Microsoft Internet Explorer浏览器以及其他大多数目前流行的浏览器上，JPEG格式文件可以完全被支持用作内嵌图形。 24位色 JPEG图形包含24位RGB颜色信息，这意味着它们是由真彩色上万种颜色空间的颜色组成的。JPEG文件还可以携带灰度级图形。这样最终可得到更高的图形品质及更为丰富、精细的色彩变化。 和 GIF文件不同， JPEG格式文件不使用调色板作参考颜色信息。但是，当JPEG图像在仅支持8位颜色的系统中显示时，浏览器将把图形中的颜色缩减为Web调色板的颜色，此时，将会产生一些抖动。但通常情况下，抖动在摄影图像中比在单一色图形中更易发生。 JPEG压缩 JPEG格式使用所谓的“有损”压缩技术，即在压缩过程中将有某些颜色信息会被舍弃。幸运的是，对于在大多数压缩级别的摄影图像，这种损耗是人眼辨别不出来的，特别是图形在屏幕分辨率的显示器上演示的时候更是如此（或者在更低的可把图形存储用于打印的分辨率之下）。 JPEG压缩 使用“有损”压缩算法，JPEG格式可以达到10：1到20：1的数据压缩率，而没有明显的品质损失。当然，在任何给定压缩过程中，所获得的文件大小的节约取决于特定图形的内容，而且所得的结果也是不同的。如果并不优先考虑维持高图形品质，那么，压缩率还可以更高。 JPEG压缩 JPEG压缩率的效率是以图形的空间频率（spatial frequency）或者对细节的关心程度为基础的。低频（平滑的渐变，如蓝天）图形区的压缩程度比高频区（有很多的细节，如草片）更深一些。即使是一条高色调的边界，虽然没有太多的细节，但是它也代表一个起伏的空间频率，因此也会引起JPEG压缩的问题。 JPEG压缩 JPEG压缩算法在一块8 X 8线的正方形图形区内采样颜色，接着把相对颜色和亮度信息转换为数学公式。这些采样正方形在图形以最高压缩率（最低品质设置）压缩时是可见的。 JPEG和GIF对于摄影图像的压缩做一个对比：一个具有丰富细节的摄影图像在GIF格式时占据85K的字节空间，而在JPEG格式时可能只要求35K的空间。 压缩率取决于特定的图形，在通常情况下，JPEG压缩的图形要比GIF小2－3倍。然而，对于单色图形，GIF的压缩效率要比JPEG更高。 JPEG解压 对于JPEG图像，在它们显示前要先进行解压，因此，对一个JPEG图像解码和合成要比相同文件大小的GIF图像占用浏览器更多的时间。请记住，通过用JPEG格式代替GIF格式所节约的一小部分下载时间又因为它给浏览器的附加时间而丧失了。 不同的压缩水平 JPEG格式的一个优点是可以控制图像压缩的程度。图像品质越高文件也越大。我们的目标是找到仍能维持图像品质可接受的最小的文件大小。 JPEG图像的品质由它的“Q”设置表示，它的范围通常是 1到 100。几乎在所有的程序中，较低的数字都代表较低的图形品质，但也是较高的压缩率（或更小的文件），而较高的数字得到的是更好的图形品质和更大的文件。 不同的压缩水平 在很大程度上，Q设置是没有特定数学意义的任意数值。它只不过是一种指定你所要维持的图形品质水平的方法。当进行JPEG压缩时，它将在维持目标Q设置的前提下尽量压缩图像。而实际的压缩率则取决于各个图像的内容。 不同的压缩水平 在制作JPEG不同的工具中，指定Q设置（或Quality）的标尺是不一样的。例如: Photoshop的刻度范围为0到12（0－4、5－7、8－9、10－12，与此对应的选项是“低（low）、中（medium）、高（high）、最高（maximum）”），但是必须注意的是，最高水平的压缩（0）对应的Q系数在标准刻度范围上约为30。 图形损失 在压缩过程中一旦损失了图形品质，将无法重新获得。图形品质的损失还可以累加，即每次压缩或者解压图像，都会损失更多的图形信息。因此，每次编辑图形或重新存储——即使仅仅是剪切图形——都会进一步降低图形的品质。不仅如此，由于对图形引入了新的人工操作，这样第二次压缩就不能如上一次那么有效了，结果所得的文件也更大。 解决方法：保留一个原数字图像的副本。这样，最终图像将仅经过一次压缩过程。此外，为测试不同的压缩水平，也应该从原图像开始。 何时使用JPEG格式 JPEG格式具有24位颜色容量及