图像优化之舍我其谁—Image Optimizer用法详解

Web图像优化，舍我其谁？！ Image Optimizer以其无懈可击的功能和强悍的压缩能力，征服了人们，很少有人能够抵挡它的诱惑。来吧，让我们进入Image Optimizer的世界，快点，我已感觉到它，我无法抵御…… 一、安装 Image Optimizer的安装十分简单，用户可以到xat.com的网站（http://www.xat.com/xatio.exe）下载这个软件，下载完成后，执行xatio.exe,同意协议，选择安装路径后，点击OK，安装即告完成。 二、魔术压缩 让我们进入Image Optimizer的主窗口：菜单、快捷按钮、工具栏。普通，实在普通！错，相人不能只相面，软件也要看实质。打开一个图像文件，工作区会出现原始图像(Original)和压缩预览(Optimized)两个子窗口，工具栏中的放大工具(Zoom)、剪裁工具(Crop)、调整大小工具(Resize)和图像压缩工具(Compress Image)变为可选，而此时仍为不可选状态的工具为区域压缩工具，这些工具在区域压缩一节中我们会讲到。 此时我们打开一幅图像，软件将模式默认为Compress image mode（压缩图像模式），此时，图像压缩控制面板(Compress image)处于活动状态，图像压缩的品质如何，学问全在这块面板上（图1）。 　 （图1） 不过，先别急，在压缩之前，必需先澄清一个概念，图像优化不仅仅是减少多余的颜色信息，改变图像尺寸也是图像优化的一个重要手段。因此，在压缩前适当剪裁(Crop)图像和调整图像大小(Resize),不失为明智之举。事实上，Crop和Resize也是最容易被用户忽略的两个工具，为了加深读者的印象，在学习压缩之前，我们先学习Zoom、Crop、Resize工具。 Zoom工具，在图像上单击鼠标左键，图像放大浏览，单击鼠标右键，图像缩小浏览。 （图2） Crop工具，按下Crop按钮，会弹出一个Crop Image面板（图2），在Image窗口中按下鼠标左键并拖拽出一个剪切框，适当调整后，在Crop Image面板上按下Crop Image按纽剪切图像，或者点击Clear Crop清除剪切框。剪切框也可以通过在Crop Image面板输入坐标及长宽度生成，不过这显然不如鼠标拖拽来得方便。 （图3） Resize工具，与之对应的是图像转换面板(Transform Image)（图3），Width和Height滑杆用于改变图像的尺寸，当滑杆位于最左侧时，图像为原图的1/2，滑杆位于最右侧时，图像为原图的2倍。Sharpen（锐化）滑杆的功能类似于Photoshop的锐化滤镜，Maintain Aspect Ratio复选框的作用为锁定图像的纵横比例，至于左下方三组共六个小按纽，其作用分别为：将图像缩小为原图的1/2；将图像放大为原图的两倍；宽度缩小为原图的1/2；宽度为原图的两倍；高度为原图的1/2；高度为原图的两倍。另外，还可以通过点击Rotate(旋转)组中的四个小按钮对图像进行90、180、270度旋转。 在介绍完这三个工具后，我们转入正题—Compress Image (图像压缩)。在压缩图像面板（图4）中，File Type (文件类型)组包含了Image Optimizer可以生成的三种格式的文件：JPG、GIF和PNG。 （图4） 首先，我们来看看JPG的压缩，在JPEG Quality（JPEG质量）组中，我们通过调节滑杆观察Optimized窗口中图像的变化，来寻找一个图像质量和图像大小的最佳平衡点，一般说来，这个值应该在50到80之间，如果你没有什么把握，可以将质量设定为70，看见那根小魔棒（AutoCompress-自动压缩）了吗？好的，点击它，Image Optimizer立刻开始对JPEG图像进行自动再压缩,让我们看看效果怎么样？或许你还不太满意，是压得过火了，还是要继续压缩？让我们来拨弄一下MagiCompression(魔术压缩)滑杆，看看有什么反应，好的，现在我们可以根据图像效果选择一个魔术压缩的平衡点了。如果不满意，你也可以点击(Remove all)将MagiCompression值清0。 MagiCompression是一项JPEG压缩的新技术，它并不把图像的每一部分都看成是同等重要的，而是通过扫描图片，保护细节丰富的区域，对于细节较少的区域则进行较多的压缩，如果你的时间十分仓促或者手中有大量的图片，你完全可以信赖和依靠这项技术。 Image Optimizer的另一项压缩技术叫做Extra Compression (额外压缩)，即在标准压缩的基础上进一步压缩，这有些类似于MagiCompression，与MagiCompression不同的是，Extra Compression并不理会细节丰富和细节缺乏的分别，它将图像的每一部分都进行同等压缩，因此，Extra Compression可以将图像压得更小，但压缩质量却远不如MagiCompression。因此，笔者更倾向于使用MagiCompression。不过，在区域压缩的过程中，这项技术却大有用武之地。如果想使用这项功能，可以点击(Toggle between Extra and MagiCompression-额外或魔术压缩转换)按钮。 在Compress Image面板上，还有几个复选框，它们的作用分别如下： Extra Color（额外色彩）复选框使文件能包含一些额外的色彩信息，质量也会稍好一些，不过，代价是图像又"增肥了"，笔者不建议使用此选项。 Progressive（渐进）复选框可以为你生成一个渐进的JPEG图像，所谓渐进，就是在较慢的网络接入中，允许在浏览器上先生成一个质量很低的JPEG图像，然后逐渐由模糊到清晰，显示质量逐渐提高。针对目前爬网慢的现状，这是一项十分实用的技术，况且，它还可以为图像再减少一小部分体重。 Grayscale（灰度）复选框将图像转变为灰度图像。 Comments（注释）复选框可以在输出图像中保留注释信息。 压缩完毕，将图像存储为一个JPEG文件。 现在，再让我们来压缩一个GIF或PNG文件，与JPEG压缩不同的是，它调整的是Number of Colors(颜色数量)滑杆，它的值为2~256，选择一个最佳平衡点（图5）。 （图5） HIQ(优质)按钮可以改善图像质量，不过，Size将变大。 此时为不可选状态。 Dithering（抖动）是Gif压缩中一项十分有用的技术。由于GIF 和PNG只有256种颜色，因此，在表现一些含有丰富色彩信息的照片图像或含有平缓过度色的图像时，就会出现梯田状的条形色块，这时，我们就需要用到Dithering（抖动）功能，Dithering可以模仿一些在调色板无法找到的颜色，从而使得整个图像颜色与颜色之间的过渡更为自然，不过，Dithering同样会使图像Size变大,因此，我们更多的将这项技术应用于区域压缩。按下按钮可以清除Dithering的值。 选择Interlaced（交织）复选框可以生成一个交织的GIF图像，尽管这会使GIF图像有少许变大，但它能够让图像在浏览器上看起来比非交织的GIF图像显示得更快一些。这项技术与JPEG的渐进十分相似，即允许在浏览器上生成一个质量较低的图像，并由模糊到清晰。 PNG的压缩与GIF没有什么不同，这里不再赘述。现在，图像可以存盘了。 三、区域压缩 区域压缩是Image Optimizer的一项十分独特和成熟的技术，在其它压缩软件中，此项技术鲜见使用，即使有使用的（如The Jpeg Wizard），也远不及Image Optimizer提供的区域压缩技术方便，因此，在本文中我将区域压缩单独列了出来。 作为一个图像压缩的高手，他会充分结合前面所说的MagiCompression(魔术压缩)、Extra Compression (额外压缩)、Dithering（抖动）和我们即将讲到的Smooth(平滑)等技术对JPEG或GIF图像进行区域压缩，因为MagiCompression、Extra Compression、Dithering和Smooth都可以直接作用于选定区域。这里需要提醒大家注意的是，Image Optimizer提供的JPEG Quality（JPEG质量）滑杆和Number of Colors(颜色数量)滑杆都只能应用于整个图像，而不能仅仅应用于某个选定区域。 点击（Work with Regions）按钮，会弹出一个灰度图像窗口，这实际上是一个区域压缩编辑模式窗口，在这个窗口，我们可以十分直观地对图像进行区域压缩（图6）。 （图6） 在区域压缩前，我们先来了解一下用于区域压缩的几个工具。 绘画工具： Rectangle（矩形）工具 在区域压缩编辑模式窗口选出一个矩形区； Freehand（徒手画）工具 选择一个任意形状的区域； Brush（刷子）工具 用以在压缩模式中窗口涂抹出任意形状的压缩区域，刷子形状可以在Brush Style (刷子类型)面板中改变； Line（线条）工具 可以根据当前刷子的大小和类型拖出一条线形区域。 这里的绘画工具有别于其它绘图工具提供的绘画工具，我们可以利用这些绘画工具在区域压缩编辑模式窗口拖绘出一些红色色块，这些色块即为压缩区域，压缩的程度不同，色块颜色的深浅也不同，压缩得较多得地方，颜色较深，反之，颜色则较浅。 区域工具： Lock region（锁定区域）工具 用以锁定最后一块被选择的区域，区域被锁定后，则移动所有的效果滑杆（如MagiCompression、Extra Compression、Dithering和Smooth），效果都只作用于这一区域。 Select Whole Image（选择完整图像）工具 用以锁定完整图像，效果作用于整个图像。 Invert Region（反转区域）工具 反转当前锁定的区域，效果作用于当前锁定区域以外的部分。 现在，就让我们尝试对一幅图像进行区域压缩： 1． 打开一幅图像； 2． 点击（Work with Regions）按钮，弹出区域压缩编辑模式窗口； 3． 如果是JPEG图像，调节MagiCompression或Extra Compression滑杆（关于MagiCompression和Extra Compression的区别在前面已经讲过，如果希望保留细节，可以调节MagiCompression，如果不在乎细节，调节Extra Compression以获得更大的压缩。）；如果是GIF或PNG图像，需要加入一些抖动效果，可以调节Dithering（抖动）； 4． 确定你要压缩的区域，然后根据需要选择一个绘画工具，如矩形、徒手画、刷子、线条工具，在区域压缩编辑模式窗口绘出一个区域，该区域变为红色，表明该区域已根据你的事先设定被压缩； 5． 如果你对这一压缩并不满意，需要重新调整指数，点击(Lock region)按钮锁定当前区域，当你重新调节MagiCompression或Extra Compression滑杆时，该区域颜色也会有深浅变化，说明该区域的压缩比在随着你的调节而改变； 6． 如果还想对某些区域作些平滑处理，可以在区域压缩编辑模式窗口点击Smoothed（已平滑的）标签，Compress Regions模式随即变为Smoothed Regions模式，调节Smooth滑杆，取一个合适的值； 7． 图像文件存盘。 四、批处理 区域处理对于一些高手或者一些对图像质量十分苛刻的用户十分有用，但更多的用户并不会太在意图像细部的质量，也许，他手头还有一大批图像等待处理，他所需要的就是以最快的速度完成图像压缩，这时，就需要用到Image Optimizer提供的另一项十分有用的功能—批处理。 批处理十分简单，步骤如下： 1． 选择File | Batch Wizard (批处理向导)选项或按下快捷复合键Ctrl+B，进入批处理向导； 2． 选择多个文件； 3． 选择压缩操作选项，通过上面的学习，大家对压缩选项的设置想来已经清楚，这里不再赘述，需要提醒大家注意的是，不要忘记为文件设置一个输出路径，默认路径是C:\，完成后点击NEXT； 4． 点击Optmize，然后等待压缩工作完成。 至此，本文也将告结束。你对Image Optimizer有何感受？欢迎来信探讨（walksky58@hotmail.com）。 　　摘自《软件世界》　杨洪成/文