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

第11章 图像的优化与导出 在网页制作三剑客中，Fireworks最主要的作用是制作网页图片、按钮、菜单、导航栏等网页元素。由于受到网络下载及浏览速度的限制，要求网页图像在保证清晰度的前提下，尽可能地缩小文件尺寸，因此如何对图像进行优化，如何在颜色、质量与图像大小之间获得一个最佳的平衡点，就是图像优化工作最主要的目的。 除标准的PNG格式外，Fireworks还允许将图像导出为其他流行的网页图像文件格式，如JPEG格式、GIF格式等。您可以导出单个的图像，也可以只导出图像的切片文件、导出动画，甚至于只导出图像中指定的帧或者层。 通过本章的理论学习和上机实训，读者应了解和掌握以下内容: 优化GIF、PNG图像 优化JPEG图像 图像预览 导出图像 本章章节内容安排如下: 11.1 图像的优化 11.2 使用图像预览 11.3 图像的导出 11.4 思考与练习 11.1 图像的优化 本节主要包括以下内容: 图像优化概述 优化GIF和PNG图像 优化JPEG 11.2 使用图像预览 本节主要包括以下内容: 在工作区中预览图像 使用“图像预览”命令 在工作区中预览图像 Fireworks 8中提供了3种图像预览方式，即“预览”、“2幅”和“4幅”。只有通过比较鉴别才能突出不同图像格式的色彩和大小等特点，若要比较一幅图像的GIF导出效果与原图的差别，可以使用“2幅”模式和“4幅”模式；若希望比较两三种格式或优化方式的优劣时，就可选择“4幅”模式。下图显示了原图与GIF、 PNG和TIFF 3种格式的导出图像的差异，同时窗口中还显示了每一种优化方式或格式的主要参数、图像大小和传输时间等信息，可以帮助用户在不同图像格式之间进行选择 。 使用“图像预览”命令 选择“文件”|“图像预览”命令，打开如下图所示的“图像预览”对话框。此对话框的选项参数根据所选择的导出图像格式不同而略有不同。当选择导出格式为JPEG时，“动画”选项卡显示为浅灰色，处于不可用状态。此时可以如11.1节所介绍的那样，设置JPEG的相关优化参数，如图像品质、平滑度、是否锐化颜色边缘、是否删除未使用的颜色等 。 11.3 图像的导出 在Fireworks 8中，导出图像有两种方式，即使用“导出向导”命令和“导出”命令。 使用导出向导 导出图像 11.4 思考与练习 填空题 1. Fireworks中对图形的优化操作主要包括____ 、 ____和____ 3个方面的 优化。 2. Fireworks 8中提供了3种图像预览方式，即____ 、 ____和____ 。 3. 在Fireworks 8中，导出图像有两种方式，即使用____命令和____命令。 4. “优化”面板中提供了3种透明模式供选择，即____ 、 ____和____ 。 11.4 思考与练习 选择题 5. 如果图像中重复颜色区域较多的话，则适于使用( )格式。 A. GIF格式 B. JPEG格式 C. PNG格式 D. TIFF格式 6. 如果要在网页上使用高色阶图形，则最好使用( )文件格式。 A. GIF B. JPEG C. PNG D. TIFF 7. 图像优化的最终目的是 ( )。 A. 让图像质量更高 B. 让图像尺寸更小 C. 让图像更适于网页浏览 D. 让图像颜色更丰富 11.4 思考与练习 简答题 8. 试述导出单个图像的方法。 9. 试述导出切片、导出动画和导出HTML的方法。 10. 试述“导出向导”的使用方法。 操作题 11. 打开“实训10-1.png”文件，优化并按以下要求导出： 导出全部切片。 导出为101.html。 * 中文版Fireworks 8基础与上机实训 * 中文版Fireworks 8基础与上机实训