ImageReady的切片和优化

来源：编译：闲雅作者：原著：JKMabry 出处：巧巧读书 2005-10-31 进入讨论组

　　ImageReady诞生时，是作为一个独立的软件发布的。那时它并不依附于Photoshop。直到Photoshop更新到5.5版本的时候，Adobe公司才将升级到2.0版本的ImageReady和它捆绑在一起，搭配销售。前些日子，ImageReady更以三级跳的速度与Photoshop同时升级到了7.0，给了大家一个不小的惊喜。

　　ImageReady在很大程度上扩展了Photoshop在网络图像方面的功能。在最近的这次升级后，它和Photoshop的配合更为默契。虽然图像编辑的能力变得更强大，但图像的切片和优化仍然是它最突出的特征。与Photoshop相较，ImageReady提供了更多用于高级Web处理的工具和调板。在这篇文章中，我们就来对这两个功能做一个较为详细的探讨。

　　在开始之前，我们先来看看将大图片切成小图，并将它们放入一个HTML表格中的原因，也是我们这篇教程的初衷：下载时间和图片质量。许多人喜欢在Photoshop中设计用于网页的图片，甚至整个网页。在通常情况下，构成网页的图像有着不同的图像格式，也许一些图片很适合用jpg格式来保存，另一些存为gif格式会得到更好的质量和更快的下载速度。把一张大图片切成一些小部分，这样，你就能对每一部分进行单独的优化处理，使其图片质量和文件大小的比例更合理。

　　用jpg格式对那些单调图像进行压缩，你会看到处理后的图像出现难看的斑驳色块，并且文件尺寸也会比你实际需要的大得多；同样，如果你试图以gif格式压缩一张有光滑渐变或是色彩极为丰富的连续色调图片，那么图像质量和文件大小的问题也会给你带来困扰。gif格式只支持256色，更多的颜色只能通过抖动尽可能的模拟出相近的颜色。这样就会使图像失去重点，文件尺寸也会增大。好了，现在该是我们对切片选择jpg或是gif格式的时候了，什么时候使用jpg，什么时候用gif？正确的选择才能得到合适的图像切片。

　　一、创建原始图像

　　让我们从在Photoshop中创建我们的原始图片开始。我们并不打算花太多的时间去创造一幅精致的图像，因为本篇的目的是切片而非制图。我们需要尽快开始切图的问题。新建一宽350像素、高250像素的新文档，分辨率为72像素／英寸，RGB模式。我将整个背景区域填充为蓝色，然后用直线工具绘制两条宽为30像素的黄色直条，像瑞士国旗一样，横竖交叉（图01）。记得要在直线工具的选项中取消消除锯齿这一项。需要特别注意的是，在这篇教程中，使用或取消消除锯齿这一选项都有说明。待会儿，我们开始进行切片和优化时，你将会更好的理解那些优化设置的应用。（图02）