IImageReady的切片和优化讲稿.docVIP

Photoshop(ImageReady)的切片和优化 Photoshop (ImageReady)的一个主要功能是为网页设计做前端处理：即页面的分割、图像超链接、翻转按钮。在通常情况下，构成网页的图像有着不同的图像格式，也许一些图片很适合用jpg格式来保存，另一些存为gif格式会得到更好的质量和更快的下载速度。把一张大图片切成一些小部分，就能对每一部分进行单独的优化处理，使其图片质量和文件大小的比例更合理。 　切片的定义： 切片就是图像的一块矩形区域，可用于在结果网页中创建链接、翻转和动画。将图像切片可以有选择地优化图像，使图片下载速度更快，画面质量更高。虽然在Photoshop中也进行一些基本的切片操作，但无法组和、对齐或分布切片。ImageReady具备专业的切片调板和菜单，其切片编辑功能要比Photoshop更强大，所以，我们习惯在完成图像之后转跳到ImageReady中对图像切片。在工具面板中，那个像小切刀一样的图标就是切片工具。点击工具图标下的小三角，与切片工具组合在一起的就是它的最佳搭档——切片选择工具。无论当前所选择的是切片工具还是切片选择工具，只要按住Ctrl键，你就能在这两者之间随意切换。记住：我们把一幅图片切成一定数量的小图片，其目的在于根据每一片的不同特征，对其进行单独优化。 建议将所有的切片都定义为用户切片，因为对用户切片可以进行移动、复制、组合、划分、调整大小、删除、排列、对齐和分布，还可以应用不同的优化设置。而自动切片是链接在一起并共享相同优化设置的。而且将自动切片转换为用户切片还可防止自动切片在重新生成时发生更改。 在默认状态下，所有的切片边线的颜色都是蓝色，而出现在每个切片上的彩色小数字都是它们被分配的切片编号。切片从图像的左上角开始，从左到右、从上到下的顺序编号。 请记住：所做的切片越多，最后得到的表格单元也就越多，也就意味着更多的代码和字节。 ImageReady的文档窗口 在ImageReady中，可直接在文档窗口中查看和处理优化图像。可以以原稿（未优化图像）、优化（应用了当前优化设置的图像）、双联（原稿与优化后的图像，或两种优化图像的比较）、四联（原稿和三种优化格式，或四种不同图像版本的比较）这四种形式来显示当前图像。一般来说，在加工图像时，我们多采用原稿显示；在比较优化图像时，双联和四联被更多的使用。在你拿不定主意该用什么设置来保存图像时，四联的形式可以让你预览不同设置时图像的品质和大小，这样就不用反复的保存比较了。 优化切片　　下面我们要对切片进行优化。优化可以在调整图像显示品质的同时，有效地控制图像文件的压缩大小，在用于网页之前，优化是必不可少的一步。有两种优化图像的方法：一种是基本优化，是在Photoshop的“存储为”命令，它可以根据文件格式的不同，可以指定图像品质、背景透明度或杂边、颜色显示和下载方法。但不支持Web特性，也就不能保留切片；还有一种是精确优化，可以通过多个优化版本的比较，选择最适合的设置组合，这种精确优化就是今天的另一个重点。　　ImageReady的优化面板 在优化调板中，最有影响力的选项是优化的文件格式、颜色（针对gif格式）和品质（针对jpeg格式）。 优化图像格式 ImageReady包括的优化图像格式共有gif、jpg、png-8、png-24、wbmp5种。 gif：这个格式最适合压缩具有单调颜色和清晰细节的图像，对诸如艺术线条、徽标或带文字的插图这样的图像有很好的效果。gif格式压缩实色区域来减小文件大小，同时又能保留清晰细节。颜色数量是决定gif格式图像大小和品质的关键。因此，减少图像中的颜色数量是优化gif图像的关键因素。可以从优化面板的颜色选项中选择颜色表中颜色的最多数目。颜色数量越少，文件就越小，但图像损失也就越大；但也并不是说颜色数量越多图像就越好。如果觉得一种颜色设置不太理想，还可以细微调整最大颜色数量。使用颜色表，你可以精确控制图像中的颜色。选择不同的切片，颜色表也不同；如果同时选择多个切片，那么颜色表是空的，将切片链接后，这些链接切片共享颜色调板和仿色图案，这样，相邻切片的边界就不会出现裂缝了。除了颜色数量，耗损值也可以减小文件大小，幅度达到5％～40％，自然，损耗设置越高，扔掉的数据越多。这个选项是gif格式特有的，但它不能与交错、杂色和图案仿色一起使用。 jpg：是我们最常用的压缩格式之一，最适合用来压缩连续色调图像。它通过有选择的扔掉数据，达到减小文件大小的目的，是一种有损压缩。像在gif格式中设定颜色数量一样，可以设定压缩品质来控制图像大小：品质越高，图像损失越小，文件也就越大。调节品质滑杆，可以更精确的控制压缩效果（图14）。更多的时候，需要打开双联或四联，仔细观察每一个细小改动对图像的改变。视