JPG图片优化技巧

在photoshop中打开上面的大图，然后转换成lab模式：图像>>图像>>lab颜色。

lab模式与hsv或ycbcr非常接近，但不完全相同。亮度通道包含了图像里的亮度信息。a通道显示了图像包含了多少的红色和绿色信息，而b通道则控制图像的黄色和蓝色部分。尽管有些区别，但这个颜色模式使我们避免了很多多余的颜色信息。

转到通道面板，查看a通道和b通道，这时候我们很明显能够看到网纹的纹理，并且我们能看到它是由三种不同亮度的色块组成的。

.

我们继续做一些颜色上的优化，为了保留原来的文件，先复制一份，这样在一个独立的窗口里编辑会非常有用。我们的目的在两个颜色通道里是光滑这些颗粒状的纹理。这样就能有更多简化的数据来让优化器处理了。你可能会奇怪为什么我们选择这样的一块区域（微波炉的门）来处理呢？很简单，因为这个部分是由黑色像素和橙色像素相间而成的。黑色意味着0亮度，这个信息已经被保留在了亮度通道里了。所以～如果我们在颜色通道里将这个区域完全变为橙色，我们将不会损失任何的信息。因为亮度通道决定了那些像素应该是黑色的，而在这样的纹理上，纯黑色和暗橙色则显得十分的含糊。（这里的意思大概是在亮度通道中的对比更强一些，容易看清楚）

转换到a通道，单独选择每一区块，为每个区块分别应用：滤镜>>杂色>>中间值，半径应该尽可能的小（直到纹理消失为止），这样不会损失太多的眩光效果。在此图中，第1区块半径应调节成4，第2区块为2，然后第3区块调节成4。现在，这个门看起来应该是这样的：

浏览大图.

现在，图片的饱和度比较低，我们需要去改善它。为了使颜色的变化能够实时地显示出来，所以这里我们复制一个活动窗口：窗口>>排列>>新建窗口。在新的窗口里，点击lab通道查看图片，现在你的工作界面应该像下面这样了：

右边的是原始的图像，左边的是复制出来的副本，底下的是工作现在的工作空间。
在a通道里把三个区块都选择上，打开色阶窗口（ctrl+l 或 图像>>调整>>色阶）。将中间的滑块向左边移动，这样副本里的微波炉的颜色就和原始的图像非常接近了（这里我把中间的滑块移到1.08的位置）。b通道进行同样的处理，现在的效果应该是这样的：

990×405 px, 图像质量: 55 (ps中), 59.29 kb
浏览大图

正如你所见，我们又减少了5 kb的大小（之前是64.39 kb）。虽然这项技巧看似非常得复杂麻烦，但是它仅需要你用上一分钟就能完成：转换到lab颜色模式，选择颜色通道里的不同部分应用中间值滤镜，然后做一些饱和度修正。如前面说的一样，这个技巧比它的理论更来的有用，我常常使用这个技巧来调整一些大型广告图片，使他们看起来干净而锐利。



常规的jpeg优化技巧

本文将以以下的jpeg优化技巧作为尾声。

每次你选择压缩图片的时候，请仔细选择你的压缩软件，jpeg标准非常严格的，它只决定如何在转换的时候减少图片的体积，而软件的开发商却决定了该怎样正确利用jpeg优化器。（这里的意思大概是每个软件的优化算法都不同）

例如，有些商家使他们的软件做出做大程度的优化，允许您将文件压缩到很小的体积但依然保持高质量的设置，而photoshop则保存出来一个比这个大了一倍的文件。不要依赖这样的软件，每个软件都有他们的价值观来决定哪些信息是有用的，他们会根据这些标准来设定他们的优化算法。

唯一的判定标准是图像的质量和图像大小之间的比。如果你在photoshop中保存一个质量55到60的文件，它可能跟在其他软件里把质量设置在80的时候输出的质量和体积差不多。

不要保存质量为100的图片。这个并不是最高质量的图片，只是一个数值上的优化底线，最终你会得到一个不合理的大文件。事实上把质量设置在95以上就已经足以防止丢失信息了。

记住，当你在photoshop中把质量设置低于50的时候，它就会执行另一个叫做“降色采样（原文：color down-sampling）”的优化算法，它会在8个像素周围平均采样，这样会在边缘产生杂色：

48×48 px, 图像质量: 50 (ps中), 530 bytes.

48×48 px, 图像质量: 51 (ps中), 484 bytes.

因此，如果图片很小而且对比很大，建议在photoshop中不要设置质量低于51。

在以后的文章里，我们将继续讲解一些png格式的压缩技巧。