jpeg图像优化技巧.docVIP

JPＥG　优化技巧 JPＥＧ?优化技巧?当人们讨论图像优化时，他们只注意到一些流行软件提供的那几个仅有的参数调节工具，例如“质量”滑块,颜色数调板，抖动等。此外,少数专门的软件，如OpｔｉPNG和JPＥGｔran，设法压缩一些多余的数据来优化图像。所有这些都是非常有名的工具，它们为网页开发者和设计师提供简单直接的方法来优化图像。?在本文中，我们会向您展示一种不同的方法来优化图像，这种方法是源于“图像数据在不同图片格式中的储存原理”。我们从JＰＥG格式开始,这里有个基础技术称“８像素栅格”?(原文:eight-pixel ｇrid ）?eｉght－pixeｌ　gｒid??就如你已知的，JPEG图像由一系列８px ×　8px区块组成,当您吧JPＥＧ的图像质量调的太低的时候,这些区块尤其明显。这些东西如何帮助我们优化我们的图像呢？请观察下面的例子：? 32x32 pｘ,?图片质量：10（PS中），3９6 byｔｅs?两个白色小方块都是8x8 px。虽然都是低质量，但右下角看起来失真更加的严重了（正如您预料的一样),而左上角的却非常的干净。这是怎么回事？要回答这个问题，我们需要看看这个衬在网格下的图像： 正如你看到的,左上角的小方块正好对齐在“ｅiｇht-ｐｉxeｌ　gｒid”，这样就确保小方块保持是锐利。??当保存的时候，图片会被分成许多的8x８ px的区块,而软件是对每一个区块进行独立优化的。由于右下方的方块并不匹配这些区块(也就是这个方块跨越了几个区块,正好落于区块的交接线上),优化器在寻找索引的时候就会在黑色和白色之间寻找平衡(在ＪPＥG里，每一个8ｘ８ ｐｘ的区块都是依据正弦算法来进行编码的原句：in JＰEG，　eａcｈ 8×8 blocｋ is encoded as a sine　ｗaｖe)。这就解释了失真的原因了。许多专门的JＰEG优化软件都有选择性优化的功能,它能根据图像的不同区域设置不同的优化质量,以达到保留更多图像信息的目的。?这项技术对在保存含有有矩形图形的图片时尤其有效。我们一起来看看在实际中是怎样应用的: ?13.5１　KB． ?12.65 KB.?在第一个图像里,微波炉的位置是随机的，在保存第二个文件之前，我们把图像按照eiｇｈt-ｐixeｌ ｇｒid来对齐。质量一样都设置在55。让我们把图像放大看看(红线标示出区块的边界) ?正如你看到的一样，我们只是调整好图片的位置就已经缩小了１kb的空间。当然,我们也把图片变得“干净”了!?优化颜色?这项技术相当复杂而且仅适用于某些类型的图像,不过我们会继续下去，我们只是学习它的道理。?首先,我们需要知道ＪPＥG使用哪一种颜色模式。大多数的图片格式都是使用RＧB颜色模式,但JPＥG格式也可以是YcbCｒ,这是一种广泛用于电视的颜色模式。RGB类似于ＨSV模式(大多数设计师都熟悉ＨＳV模式）。HSV由三部分组成，色彩(Ｈ),纯度(S）,明度(V）。其中在这里最重要的就是明度（也称为亮度）,优化图像的时候通常是压缩颜色通道,但尽可能保持高亮的亮度通道，因为人们对它最为敏感。Ｐｈotoｓhoｐ有一个叫Lab的颜色模式,这有助于我们对图像做出预处理，以便使ＪPEG优化有更好的效果。?我们继续使用微波炉来作为我们的例子。在微波炉的门上有一层很小的网纹，这是一个很好的例子来演示我们的优化颜色方法。经过一个简单的压缩后,图像质量调节到55，文件体积是6４.39ＫB。 ?990×405 ｐx,?图像质量: 55 (ＰS中), 64.39 KB.?浏览大图. 在Ｐhｏｔｏｓhｏp中打开上面的大图，然后转换成Lab模式：图像图像Lａb颜色。Lab模式与HSV或YcｂＣr非常接近,但不完全相同。亮度通道包含了图像里的亮度信息。A通道显示了图像包含了多少的红色和绿色信息，而B通道则控制图像的黄色和蓝色部分。尽管有些区别，但这个颜色模式使我们避免了很多多余的颜色信息。?转到通道面板,查看A通道和Ｂ通道,这时候我们很明显能够看到网纹的纹理,并且我们能看到它是由三种不同亮度的色块组成的。 .??我们继续做一些颜色上的优化,为了保留原来的文件,先复制一份,这样在一个独立的窗口里编辑会非常有用。我们的目的在两个颜色通道里是光滑这些颗粒状的纹理。这样就能有更多简化的数据来让优化器处理了。你可能会奇怪为什么我们选择这样的一块区域（微波炉的门)来处理呢？很简单，因为这个部分是由黑色像素和橙色像素相间而成的。黑色意味着0亮度,这个信息已经被保留在了亮度通道里了。所以~如果我们在颜色通道里将这个区域完全变为橙色，我们将不会损失任何的信息。因为亮度通道决定了那些像素应该是黑色的,而在这样的纹理上，纯黑色和暗橙色则显得十分的含糊。(这里的意思大概是在亮度通道中的对比更强一些，容易