用Fireworks为网页图片瘦身

Author: 黑蚂蚁工作室 Date: 2001年 41期

?牐燜ireworks这一优秀的网页图像处理软件,除了能自动切图、生成动态感应的JavaScript、动画制作等,还能与Dreamweaver无缝连接,利用Fireworks,我们还可以快速对网页图片进行优化。
  ?牐犖嗽谙略厮俣扔胪枷裰柿恐渥鞒銎胶猓纫Vね枷裰柿浚忠涌煜略厮俣龋酝惩计杏呕欠浅S斜匾摹K淙籉ireworks支持多种格式图片的导入,如GIF、JPEG、TIF、BMP等,但一定要合理选择输出格式,才能达到较佳的优化效果。这里就普遍流行的GIF及JPEG两种常用格式为例,向大家介绍它在Fireworks中的优化技法:
  #1?牐犚弧IF格式的优化及输出
  ?牐燝IF格式最多可包含256种颜色,并且图片颜色较少时可以获得无损压缩,还可以包含透明区域,因此对非连续色调图像、颜色比较单一的图像或有大面积区域需设为透明的图片,保存为GIF格式可以取得较好的效果。
  ?牐?1.删除图像中不使用的颜色。在Optimize的弹出菜单中选择“Remove Unused Colors”,即可删除无用颜色,大大缩减文件的尺寸。
  ?牐?2.设置透明区域。在Optimize窗口中选择“Alpha Transparency”或“Index Transparency”,通过色表(Color Table)把图片不必要部分设为透明,可大幅度减小图片容量。
  ?牐?3.在色表中把一些相近颜色删去,减少颜色的数目,同样可以让图片减肥。
  ?牐?4.减小抖动值。抖动处理虽有助于补偿损失的色彩,但会使图片增肥,因此可适当把“Optimize”窗口中的“Dither(抖动)”值降低,以达到减肥目的。
  #1?牐牰PEG格式的优化及输出
  ?牐燡PEG是存储照片或连续色调图像的较好格式,对超过256色的扫描图片、纹理图像等最好以这种格式保存。 
  ?牐?1.选择压缩。所谓选择压缩,就是我们使用不同级别来压缩JPEG图形的不同区域。图像中的重要区域我们在“Selective Quality”中以较高的数值来进行压缩,保证这部分图像的质量,而图像中不重要的区域,则可以设置较低的值。方法:用Marquee工具选中要压缩区域;点击菜单“Modify/Selective JPEG”,选“Save Selection as JPEG Mask”,对受选部分进行遮罩;然后在Optimize面板的“Settings”中选择“JPEG-Smaller File”或“JPEG-Better Quality”;再点击“Selective Quality”按钮,勾选“Enable Selective Quality”,在文本框中键入一个压缩值,值越小,质量越差,当然文件个头也越小;最后点击“OK”按钮即可对受选区进行压缩。
  ?牐犎裟阍谕贾泄囱 癙reserve Text Quality”、“Preserve Button  Quality”两项,则文本及按钮都会保持高质量输出。
  ?牐?2.适当设置Smoothing的值。此值越大,输出的图像个头越小,但图像也会跟着模糊,根据使用情况,此值设在3~5之间最为适宜。
  ?牐?3.导出前在Optimize的弹出菜单中勾选“Remove Unused Colors”以删除无用颜色。
  #1?牐犎⒔淮鞧IF及渐变JPEG输出
  ?牐牻淮鞧IF及渐变JPEG都会在浏览器中先以低分辨率显示然后再在页面持续下载的过程中清晰显示出来,在较大的网页中使用,是极好的方法。如果特别大的图像(优化后超过20KB),最好采用这种方式。设置:只需在Optimize的弹出菜单中选择“Interlaced(交错)”或“Progressive JPEG(渐变JPEG)”即可,但图像以交错GIF或渐变JPEG输出都会使图像容量增大不少,页面整体下载时间加长。因此对于小图片没有必要使用这两种方式。