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

2004-02-11 15:54 出处:PConline 作者:编译:闲雅 原著:JKMabry 责任编辑:xtm
在默认状态下,所有的切片边线的颜色都是蓝色,而出现在每个切片上的彩色小数字都是它们被分配的切片编号。切片从图像的左上角开始,从左到右、从上到下的顺序编号。用切片选择工具,按住Shift键,选择03、05、07、08、09、10这些单色切片,从切片菜单或右键菜单中选择“链接切片”命令。将04、06、11、12同时选择,提升到用户切片后链接。在未做链接之前,所有的符号都是蓝色的,在链接第一组切片后,这个组内的所有切片符号都变成了红色,未被链接的切片符号依然为蓝色;链接第二组切片,这一组中的切片符号变成了绿色。新的链接组中的切片符号会以新的颜色出现。ImageReady用颜色将不同的切片组加以区别。如果这些符号和颜色阻挡了你的视线,你可以在预置>切片选项中取消数字和符号的显示(或使用大编号和标记)。同时选择多个切片,是ImageReady的特有功能。   提示:颜色表中包含的最少颜色数量是2,所以,即使是我们刚才所创建的单色切片,在保存时颜色表中仍然必须为两种颜色。这样的话,你就可以在同一组中包含两种颜色的切片。   警告:我并不希望你照着这篇教程比葫芦画瓢,机械的跟从,更甚者养成不良的习惯,所以,请你仔细研究这些切片和各种信息,研究出能最大限度减小你的图像体积的配制方法。请记住:你所做的切片越多,最后得到的表格单元也就越多,也就意味着更多的代码和字节。这里,我使用了大量的切片,其目的是为了示范切片工具,但绝不是说你也应该做这么多切片。像切片02,03,05,07,08,09,应该可以合为一个较大的切片(表格单元)。   如果你的切片和例图不完全像例图那样,也没有关系,你可以按照切片在最终输出时被存为jpg或gif格式,按相同的压缩设置或颜色表将它们链接起来。这样,切片部分完成后,我们下面就要着手对图像进行优化了。   三、优化切片   下面我们要对切片进行优化。优化可以在调整图像显示品质的同时,有效地控制图像文件的压缩大小,在用于网页之前,优化是必不可少的一步。有两种优化图像的方法:一种是基本优化,是在Photoshop的“存储为”命令,它可以根据文件格式的不同,可以指定图像品质、背景透明度或杂边、颜色显示和下载方法。但不支持Web特性,也就不能保留切片;还有一种是精确优化,在Photoshop和ImageReady中都可以实现,可以通过多个优化版本的比较,选择最适合的设置组合,这种精确优化就是今天我们这篇教程的另一个重点。   在此实现优化之前,我们先来认识一下ImageReady的优化面板。如果没有选择任何切片,优化面板显示为空。现在选择任一切片,你会看到优化面板中的变化。选择除原稿以外的显示方式,切片就会显示以当前优化方式储存的预览。点击优化面板右边的小三角,从弹出菜单中选择“显示选项”,这样优化面板会显示全部选项,不然的话,优化面板就不显示透明选项及其它选项(图13)。在优化调板中,最有影响力的选项是优化的文件格式、颜色(针对gif格式)和品质(针对jpeg格式)。

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

关注我们

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