网页 三剑客教程配套课件.ppt

10.1 图像的优化处理操作 10.1 图像的优化处理操作 10.1 图像的优化处理操作 10.1 图像的优化处理操作 10.1 图像的优化处理操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.2 图像的导出操作 10.3 切片的优化和导出 10.3 切片的优化和导出 10.3 切片的优化和导出 10.3 切片的优化和导出 10.3 切片的优化和导出 10.3 切片的优化和导出 8.4 本章小结 合理的优化，寻找颜色、压缩和品质的适当组合，可以在最大限度上保持图像的品质的同时，选择质量最高的文件格式。在“优化”面板，可以设置导出文件的格式，可以针对不同的文件类型对图像进行优化。以便以最佳方式导出。 通过本章的学习掌握如何选择最佳文件格式，寻找图像品质和文件大小的最佳平衡点。在优化了图形或文档后，将其以多种方法导出。 * 第10章 图像的优化与导出 第10章 图像的优化与导出 10.1 图像的优化处理操作 10.2 图像的导出操作 10.3 切片的优化和导出 10.4 本章小结 在浏览速度与页面美观之间取得平衡是网页设计师的最大任务。这种平衡行为就是优化。 Fireworks 8在优化图像方面有着近乎完美的表现，可以将图像根据要以GIF或者JPG格式输出，并可以轻松地定义压缩比率，在进行设置的同时就可以输出图片的大小。 1．调整图像颜色 Fireworks可以通过调色板的特定颜色集来限制图像的颜色。 2．选择最佳文件格式 通过为图像文件选择适当的格式来大大减小文件大小。 3．设置格式特定的选项 通过设置不同的选项，如色阶这样的选项等，来减小文件的大小。 （1）使用Fireworks 8打开一幅图片，在图片的下方可以看到关于此图片的基本信息。 （2）在“优化”面板中可以看出此图片的格式。也可以通过【窗口】|【优化】菜单命令，打开“优化”面板。 （3）在“设置”下拉列表中可选择Fireworks 8预先设置的几种优化设置对图像进行优化。 （4）选择“GIF接近网页256”即代表将图像处理为只包含256种网页安全色的GIF格式文件。 10.1.1 对GIF格式图像进行优化处理 （5）为了使获得的文件更小，还可以在“优化”面板中的“颜色” 下拉列表中选择想要的颜色数。 （6）通过设置GIF文件的“失真”值，也可以使文件变得更小。较高的失真设置可以产生较小的文件，但是图像品质较低。5～15的失真设置通常可以产生最佳的效果。 （7）通过设置“抖动”值，可使图像抖动。抖动可通过替换颜色相似的像素模拟当前调色板中没有的颜色。从远处看，各颜色混合在一起，产生缺失颜色的外观。 10.1.1 对GIF格式图像进行优化处理 （1）使用Fireworks 8打开一幅JPG格式的图片。在图片“优化”面板可以看到关于此图片的基本信息。 （2）单击“优化”面板中的“设置”下拉列表，选择Fireworks 8预先设置的图片压缩方式，选择“JPEG-较小文件”选项，可以看到“JPEG-较小文件” 选项的详细设置。 （3）在“优化” 面板中可以设置“平滑”值，帮助缩小JPEG文件的大小。将“平滑”值设置为3左右，不仅可以减少图像的大小，同时还可以保持适当的品质。 10.1.2 对JPG格式图像进行优化处理 （4）如果用户对图片的文件尺寸要求很高，例如文件不得大于56Kb，那么可以使用“优化到指定大小”功能。选择“优化”面板右上角的【选项】|【优化到指定大小】菜单命令，打开 “优化到指定大小”对话框，在“目标大小”文本框中输入需要的文件大小，单击“确定” 按钮就可以将图片压缩到指定大小。 （5）如果经常需要对某一类型图片进行相似的处理，可以将优化设置保存下来，今后只需要直接调用就可以了。 10.1.2 对JPG格式图像进行优化处理 （1）在“优化”面板中选择要用于导出的文件格式，然后根据需要设定格式的选项。 （2）执行【文件】|【导出】命令，或者在【主要】工具栏上单击“导出”按钮 ，即可打开“导出”对话框，如图10-18所示。 10.2.1 导出文档 10.2.1 导出文档 （3）选择图像文件导出的