第10章 图像的优化及导出.ppt

网页设计与制作 文达学院 第10章 图像的优化与导出 10.1 图像的优化处理操作 1．调整图像颜色 Fireworks可以通过调色板的特定颜色集来限制图像的颜色。 2．选择最佳文件格式 通过为图像文件选择适当的格式来大大减小文件大小。 3．设置格式特定的选项 通过设置不同的选项，如色阶这样的选项等，来减小文件的大小。 10.1.1 对GIF格式图像进行优化处理 “优化”面板： 10.1.2 对JPG格式图像进行优化处理 “优化”面板： 10.2 图像的导出操作 10.2.1 导出文档 执行【文件】|【导出】命令 10.2.2 使用导出向导 选择【文件】|【导出向导】菜单命令 10.2.3 图像预览 执行【文件】|【图像预览】菜单命令 预览区域 “启动导出向导以帮助用户”按钮 “优化到指定大小”按钮 “导出区域” 按钮 “放大/缩小”按钮 “1个预览窗口”按钮 、“2个预览窗口”按钮 或者“4个预览窗口”按钮 播放控制按钮 10.2.4 导出的类型 如果只导出一幅图片，选择“仅图像”类型即可。 如果原文件中含有按钮等网页元素，保存类型应设为“HTML和图像”，将其保存为网页和图片。 选择“层到文件”或“帧到文件”会分别把各个层或帧单独保存为一张图片。 10.2.5 快速导出 使用“快速导出”按钮用户可以将 Fireworks 文件导出到许多 Macromedia 应用程序中。 使用“快速导出”按钮可以在所选的浏览器中预览图像效果。 使用“快速导出”按钮还可以启动Dreamweaver、Flash、FreeHand等程序。 10.3 切片的优化和导出 10.3.1 切片的优化 切片将 Fireworks 文档分割成多个较小的部分，如图10-26所示。即将大图分割成了多个小图，其每部分可以导出为单独的文件。因此可以选择每一块切片，分别在“优化”面板进行优化设置。 10.3.2 切片的导出 1．导出的文件类型 切片导出的文件类型，要设置为“HTML和图像”和“导出HTML文件”，并保存为网页（.htm文件），以便在Dreamweaver中进行后期处理。 2．导出切片的设置 在“切片”选项中选择“导出切片”。 如果只导出切片，而不导出无切片的图像区域，则可以勾选第一个复选框“仅已选切片”选项。 如果图像中含有无切片区域而又要在网页中使用原图时，就必须勾选第二个复选框“包括无切片区域”选项。 3．选择文件夹放置切片 如果图像的切片很多，导出HTML文档后，便会在网页的同一目录下生成很多图片。这样会给网站的管理造成麻烦，这时需要选择第三个复选框“将图像放入子文件夹”选项。那么导出的图像的每一个小部分，就会默认放在与网页同一目录下的images子文件夹里。 如果想把切片放置在其他文件夹，还可以单击“浏览”按钮，将导出的切片放在指定文件夹里。 10.4 本章小结 合理的优化，寻找颜色、压缩和品质的适当组合，可以在最大限度上保持图像的品质的同时，选择质量最高的文件格式。在“优化”面板，可以设置导出文件的格式，可以针对不同的文件类型对图像进行优化。以便以最佳方式导出。 通过本章的学习掌握如何选择最佳文件格式，寻找图像品质和文件大小的最佳平衡点。在优化了图形或文档后，将其以多种方法导出。 计算机一系 计算机一系 10.1 图像的优化处理操作 10.2 图像的导出操作 10.3 切片的优化和导出 计算机一系