正在阅读:ImageReady的切片和优化ImageReady的切片和优化

2004-02-11 15:54 出处:PConline 作者:编译:闲雅 原著:JKMabry 责任编辑:xtm
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)

图01

图02
键盘也能翻页,试试“← →”键

关注我们

最新资讯离线随时看 聊天吐槽赢奖品