动态网页设计与制作实用教程（第二版） 程伟渊 第9章新.pptVIP

第9章 图像的优化与导出 本章学习导读 网页图像设计的最终目标是创建能够尽可能快地下载的 优美图像。为此，必须在最大限度地保持图像品质的同时， 选择压缩质量最高的文件格式来对图像进行优化、导出。本 章主要讲述Fireworks 8优化和导出图像的基本操作，通过 本章学习，读者应该掌握以下内容： 图像优化的基本方法 图像导出的基本方法 第9章 图像的优化与导出 9.1 图像的优化 9.1.1 优化图像应考虑的因素 1．文件格式 每种文件格式都有不同的压缩颜色信息的方法，为某些类型的图像 选择适当的格式可以大大减小文件大小。 2．特定选项 每种图像文件格式都有一组惟一的选项，可以用诸如色阶这样的选 项来减小文件大小，某些图像格式（如GIF和JPEG）还具有控制图像压 缩的选项。 3．图像颜色（仅限于8位文件格式） 可以通过将图像局限于一个称为调色板的特定颜色集来限制颜色。 然后，修剪掉调色板中未使用的颜色。调色板中的颜色越少意味着图像 中的颜色也越少，使调色板图像文件类型的文件大小也越小。 第9章 图像的优化与导出 9.1.2 图像优化的途径 1．使用优化面板 选择“窗口/优化”菜单，启动优化面板。 通过优化面板，可以很方便地在工作区内进行图像优化，并且同时 看到优化后的效果。在优化面板上预先设置了几种优化设定可供选择， 也可以按照自己的需要进行设定。 优化设置的操作过程如下： （1）在“设置”下拉列表中选择文件格式。 （2）设置格式特定的选项，如色版、颜色和抖动。 （3）根据需要选择其他优化设置，并可以命名并保存自定义优化设置。 第9章 图像的优化与导出 2．切片优化 可以对分割的图像的每一个切片进行不同的优化设定，比如你可以 将图像上色彩丰富的部分设置为JPEG格式，色彩单一的部分设置为GIF 格式。 3．优化效果预览 点击文档窗口上的“预览”标签，可以预览优化后的效果。点击“2幅” 标签和“4幅”标签可以比较几种不同的优化设定所产生的效果，如图所 示。 第9章 图像的优化与导出 9.2 图像的导出 9.2.1 常规输出 （1）选择“文件/保存”可以直接进行输出。 （2）选择“文件/另存为”也可以直接进行输出。 （3）选择“导出”输出图像，如图所示。 第9章 图像的优化与导出 9.2.2 输出一个图像的区域 （1）选择工具箱中“选择”工具区里的导出区域工具 ，画出需要输出的区 域范围。 （2）双击输出区域，弹出输出预览窗口，在输出预览窗口内可以调整图 像输出的设置。 （3）单击“输出”按钮就可以输出图像了。 9.2.3 输出切片 将一幅大的图像使用切割工具分成一个个小的切片以后，你就要把这 些切片输出。 （1）选择“文件/导出”菜单，弹出对话框。 （2）在“切片”选项栏下有几个选项： 无：忽略所有的切片对象，输出成当前格式的整幅图像。 导出切片：该默认的设置输出切片包括所有的行为设置。 沿引导线切片：输出切片，但忽略所有该对象的行为设置。 如果只输出选中的一个或几个切片，可以勾选下面的“仅已选切片”。 第9章 图像的优化与导出 9.2.4 输出Flash格式 可以将图像和动画输出为Flash的swf格式。 （1）选择“文件/导出”菜单，弹出设置对话框。 （2）选择保存类型下拉列表中的Microsoft Flash Swf，单击“选项”按钮 弹出如图所示的设置对话框，对导出的动画进行设置。设置完成后保 存导出文件。 第9章 图像的优化与导出 9.2.5 使用“导出向导” 如果对优化和导出网页图像不太熟悉，可以使用“导出向导”帮助完成这些工作。“导出向导”通过问题和建议逐步引导完成优化和导出过程，即使你不了解优化和导出的细节，也可以轻松导出图像。 使用“导出向导”导出文档的过程如下： （1）选择“文件/导出向导”菜单，弹出设置对话框。 （2）回答出现的任何问题，并在每个面板中单击“继续”按钮。 （3）单击“退出”按钮。“导出预览”窗口打开，其中显示建议的导出选项。 “导出预览”的预览区域所显示的文档或图像与导出时的完全相同，该区域 还估计当前导出设置下的文件大小和下载时间。可以用拆分视图比较各种 设置，以便在保持可接受的品质级别的同时找到最小的文件大小。还可以 用“优化到指定大小”向导限制文件大小。当导出GIF动画或JavaScript变 换图像时，预估的文件大小表示所有帧的总大小。 （4）设置完成后，单击“导出”按钮，导出优化后的图像。 * * 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 *