当前位置:学会吧培训频道电脑知识学习网页制作Fireworks教程Fireworks优化网页图像详解» 正文

Fireworks优化网页图像详解

[08-08 00:45:12]   来源:http://www.xuehuiba.com  Fireworks教程   阅读:8272
概要:· 在图像上使用选择区域工具画一个选区。· 选择菜单“Modify>>Selective JPEG>>Save Selection as JPEG Mask”,将选取保存为JPEG蒙版。· 在优化面版中将输出格式设置为JPEG。· 单击优化面板中选择性品质右侧按钮,打开图8所示的可选JPEG设置对话框。 图8选择性JPEG压缩· 选中“Enable selective quality”复选框,并在文本框中键入选择区域所要设定的压缩比率。· 选择“Overlay color”(该颜色只用于预览,不用于输出)· 选中“Preserve text quality”复选框,表示所有文本将自动以高级别输出,而忽略具体的选择性压缩数值。· 选中“Preserve button quality”复选框,表示所有按钮符号将被自动以高级别输出。· 单击“OK”按钮就可以在预览窗口看到效果了。(2)修改选择JPEG压缩的区域具体步骤如下:· 选择菜单“Modify>>Selective JP
Fireworks优化网页图像详解,标签:fireworks教程下载,fireworkscs5教程,http://www.xuehuiba.com

  · 在图像上使用选择区域工具画一个选区。

  · 选择菜单“Modify>>Selective JPEG>>Save Selection as JPEG Mask”,将选取保存为JPEG蒙版。

  · 在优化面版中将输出格式设置为JPEG。

  · 单击优化面板中选择性品质右侧按钮,打开图8所示的可选JPEG设置对话框。

  

图8选择性JPEG压缩

  · 选中“Enable selective quality”复选框,并在文本框中键入选择区域所要设定的压缩比率。

  · 选择“Overlay color”(该颜色只用于预览,不用于输出)

  · 选中“Preserve text quality”复选框,表示所有文本将自动以高级别输出,而忽略具体的选择性压缩数值。

  · 选中“Preserve button quality”复选框,表示所有按钮符号将被自动以高级别输出。

  · 单击“OK”按钮就可以在预览窗口看到效果了。

  (2)修改选择JPEG压缩的区域

  具体步骤如下:

  · 选择菜单“Modify>>Selective JPEG>>Restore JPEG Mask as Selection”,将会出现一个选区。

  · 用选择区域工具或其他工具对选区进行修改。

  · 再选择菜单“Modify>>Selective JPEG>>Save Selection as JPEG Mask”。

  · 要取消JPEG选择压缩可以选择 “Modify>>Selective JPEG>>Remove JPEG Mask”。

  2. 设置反锯齿颜色

  同样,对于JPEG格式而言,用户仍可利用色版按钮设置反锯齿颜色。通过调整品质的数值,可调整JPEG图像的质量。该数值越大,图片质量越好,但图像尺寸也就越大。

  3. 模糊边界

  通过设置优化面板中的平滑值,可控制JPEG算法对尖锐的颜色 边界做模糊处理,从而减小文件尺寸。由于这样的边界在JPEG算法中不能实现很好的压缩,所以,较大的“Smooth”参数值通常会减小导出图像文件的大小。一般情况该数值为3,既可减小文件尺寸也能保证图像的质量。在Fireworks MX 2004中,还有两种JPEG优化参数,是在优化面板的弹出菜单中设置的,它们是“Progressive JPEG”和“Sharpen JPEG边缘”。使用方法是单击优化面板右上角的按钮,会弹出一个下拉菜单,在弹出的菜单中选择相应参数,如图9所示。

  若选择“Progressive JPEG”参数,则该图像在浏览器中显示效果将随着图像下载进程的递增由模糊渐变为清晰,有点类似交错式GIF。

  若选择 “Sharpen JPEG Edges”参数,可更好地保留两种颜色之间的边界。因此,特别适用于输出带文本的文档。

  

图9 另外两个JPEG优化选项

  注意:对于PNG24和PNG32格式而言,用户只能设置反锯齿颜色。

  

上一页  [1] [2] [3] 


Tag:Fireworks教程fireworks教程下载,fireworkscs5教程电脑知识学习 - 网页制作 - Fireworks教程
Copyright 学会吧 All Right Reserved.
在线学习社区!--学会吧
1 2 3 4 5 6 7 7 8 9 10 11 12 13