Fireworks 8第11章图像的优化与导出.ppt

中文版中文版Fireworks 8Fireworks 8基础与上机实训基础与上机实训第第11章章 图像的优化与导出图像的优化与导出 在网页制作三剑客中，Fireworks最主要的作用是制作网页图片、按钮、菜单、导航栏等网页元素由于受到网络下载及浏览速度的限制，要求网页图像在保证清晰度的前提下，尽可能地缩小文件尺寸，因此如何对图像进行优化，如何在颜色、质量与图像大小之间获得一个最佳的平衡点，就是图像优化工作最主要的目的 除标准的PNG格式外，Fireworks还允许将图像导出为其他流行的网页图像文件格式，如JPEG格式、GIF格式等您可以导出单个的图像，也可以只导出图像的切片文件、导出动画，甚至于只导出图像中指定的帧或者层 中文版中文版Fireworks 8Fireworks 8基础与上机实训基础与上机实训通过本章的理论学习和上机实训，读者应了解和掌握以下内容:v优化GIF、PNG图像v优化JPEG图像v图像预览v导出图像中文版中文版Fireworks 8Fireworks 8基础与上机实训基础与上机实训本章章节内容安排如下:v11.1 图像的优化 v11.2 使用图像预览 v11.3 图像的导出 v11.4 思考与练习中文版中文版Fireworks 8Fireworks 8基础与上机实训基础与上机实训11.1 图像的优化 本节主要包括以下内容:v图像优化概述 v优化GIF和PNG图像 v优化JPEG 中文版中文版Fireworks 8Fireworks 8基础与上机实训基础与上机实训11.2 使用图像预览 本节主要包括以下内容:v在工作区中预览图像 v使用“图像预览”命令 中文版中文版Fireworks 8Fireworks 8基础与上机实训基础与上机实训在工作区中预览图像 Fireworks 8中提供了3种图像预览方式，即“预览”、“2幅”和“4幅”。

只有通过比较鉴别才能突出不同图像格式的色彩和大小等特点，若要比较一幅图像的GIF导出效果与原图的差别，可以使用“2幅”模式和“4幅”模式；若希望比较两三种格式或优化方式的优劣时，就可选择“4幅”模式下图显示了原图与GIF、 PNG和TIFF 3种格式的导出图像的差异，同时窗口中还显示了每一种优化方式或格式的主要参数、图像大小和传输时间等信息，可以帮助用户在不同图像格式之间进行选择 中文版中文版Fireworks 8Fireworks 8基础与上机实训基础与上机实训使用“图像预览”命令 选择“文件”|“图像预览”命令，打开如下图所示的“图像预览”对话框此对话框的选项参数根据所选择的导出图像格式不同而略有不同当选择导出格式为JPEG时，“动画”选项卡显示为浅灰色，处于不可用状态此时可以如11.1节所介绍的那样，设置JPEG的相关优化参数，如图像品质、平滑度、是否锐化颜色边缘、是否删除未使用的颜色等 中文版中文版Fireworks 8Fireworks 8基础与上机实训基础与上机实训11.3 图像的导出 在Fireworks 8中，导出图像有两种方式，即使用“导出向导”命令和“导出”命令。

v使用导出向导 v导出图像 中文版中文版Fireworks 8Fireworks 8基础与上机实训基础与上机实训11.4 思考与练习 填空题填空题 1. Fireworks中对图形的优化操作主要包括____ 、 ____和____ 3个方面的 优化2. Fireworks 8中提供了3种图像预览方式，即____ 、 ____和____ 3. 在Fireworks 8中，导出图像有两种方式，即使用____命令和____命令4. “优化”面板中提供了3种透明模式供选择，即____ 、 ____和____ 中文版中文版Fireworks 8Fireworks 8基础与上机实训基础与上机实训11.4 思考与练习 选择题选择题 5. 如果图像中重复颜色区域较多的话，则适于使用( )格式A. GIF格式B. JPEG格式C. PNG格式D. TIFF格式6. 如果要在网页上使用高色阶图形，则最好使用( )文件格式A. GIFB. JPEGC. PNGD. TIFF 7. 图像优化的最终目的是 ( )A. 让图像质量更高B. 让图像尺寸更小C. 让图像更适于网页浏览D. 让图像颜色更丰富中文版中文版Fireworks 8Fireworks 8基础与上机实训基础与上机实训11.4 思考与练习 简答题简答题8. 试述导出单个图像的方法。

9. 试述导出切片、导出动画和导出HTML的方法10. 试述“导出向导”的使用方法操作题操作题11. 打开“实训10-1.png”文件，优化并按以下要求导出：导出全部切片导出为101.html。