网页设计第16章.pptVIP

网页设计与制作应用教程 机械工业出版社同名教材 配套电子课件 2009.4 第16章 图像的优化与导出 16.1 图像的优化 16.2 图像的导出 16.1 图像的优化 16.1.1 优化JPEG格式的图像 16.1.2 优化GIF格式图像 16.1.3 优化PNG格式图像 16.1.1 优化JPEG格式的图像 使用“优化”面板，可以通过设置压缩和平滑选项来优化JPEG。 JPEG总是以24位颜色保存和导出，因此无法通过编辑其调色板来优化JPEG。当选择JPEG图像时，颜色表为空。 调整JPEG品质。JPEG 是一种有损格式，这意味着在压缩图像时会放弃一些图像数据，从而降低最终文件的品质。通过优化面板中的“品质”选项中的滑块可以调整JPEG品质。范围从1～100，设置为1时，JPEG图片质量最低，文件最小；设置为100，JPEG文件最大，但质量最高。 在优化面板中设置一定数量的“平滑”可以帮助缩小JPEG文件的大小。较高的数字虽然在导出JPEG图像过程中产生较严重的模糊结果，但生成的文件很小。一般平滑设置为3左右可减小图像的大小，同时保持适当的品质。 16.1.1 优化JPEG格式的图像 选择性压缩JPEG各个区域。 选择性JPEG压缩可以以不同的级别压缩JPEG的不同区域。图像中引人注意的区域或要求高显示分辨率的区域，可以以较高品质级别压缩；而重要性较低的区域（如背景）可以以较低品质级别压缩，这样可以减小图像的总大小，同时保留较重要区域的品质。如图16-4所示，该图像中的所选区域以90 的品质级别压缩，而未选区域以50 的品质级别压缩。 16.1.1 优化JPEG格式的图像 选择性压缩JPEG区域的操作方法为： 在“原始”视图中，使用“选取框”工具之一选择用于压缩的图形区域。 选择菜单【修改】／【选择性JPEG】／【将所选保存为JPEG 蒙版】命令。 在“优化”面板中单击“编辑选择性品质选项”按钮。随即打开“可选JPEG设置”对话框。 选择“启动选择性品质”，并在文本框中输入数值。 输入较低的值将以高于其余图像的压缩量压缩“选择性JPEG”区域。输入较高的值将以低于其余图像的压缩量压缩“选择性JPEG”区域。 16.1.1 优化JPEG格式的图像 选择性压缩JPEG区域的操作方法为： 如果需要，可以更改“选择性JPEG”区域的“覆盖颜色”，它不会影响输出。 选择“保持文本品质”，无论“选择性品质”的值为多少，所有文本项都将自动以较高级别导出。 选择“保持按钮品质”。所有按钮元件将自动以较高级别导出。 单击“确定”按钮，即可对局部图像采用特殊的压缩设置。 16.1.1 优化JPEG格式的图像 其他优化处理 锐化JPEG边缘 从“优化”面板的“选项”菜单中选择“锐化JPEG边缘”，以保持这些区域的清晰度。选择“锐化JPEG 边缘”将增加文件大小。 使用连续的JPEG 从“优化”面板的“选项”菜单中选择“连续的JPEG”命令。连续的JPEG（如交错式GIF和PNG）可以为图像添加渐进下载效果。即最初下载时浏览器以较低的分辨率显示，然后随着下载的进行品质逐渐提高。 16.1.2 优化GIF格式图像 对于适用使用GIF格式优化的图像，优化设置步骤如下： 在优化面板中选择文件的导出类型为GIF，如果图像中有动画元素，则需要选择“GIF动画”。 在优化面板的“色板”中选择导出图形的背景色。 给导出的图片选择一种调色板，如图所示。 16.1.2 优化GIF格式图像 选择调色板后，可以对色阶进行设置。在优化面板中的“颜色”下拉列表中选择一个选项。色阶是导出图形中颜色的数目。可以通过减少文件所用颜色的数目使文件变小。减少色阶将放弃图像中的一些颜色，最先被放弃的是那些使用最少的颜色。包含被放弃颜色的像素将转换为调色板上剩余颜色中与之最接近的颜色，这会减少导出文件的大小，但同时会降低图像的品质。 进行色版设置，设置图像的边缘颜色。 在优化面板中可以为GIG图像设置透明区域。首先要在透明下拉列表中选择“索引色透明”或“Alpha透明度” 然后单击工作窗口“预览”按钮，切换到预览模式。 16.1.2 优化GIF格式图像 通过优化面板中对“失真”选项的设置可以把图像压缩得更小。5到15的失真设置可以保证图像最佳效果。 在优化面板中进行GIG的抖动设置。抖动通过替换颜色相似的象素，模拟当前调色板中没有的颜色。当将照片图像或具有复杂渐变的图像导出为GIF文件格式时，抖动可以提供图像的质量，但同时也会增加文件的体积。 16.1.3 优化PNG格式图像 “PNG”即“可移植网络图形”，是一种通用的网页图形格式 它支持真彩色，同时又是无损压缩，而生成的图像和JPEG相比没有明显的差别。PNG格式还支持透明背景和Alpha通道。PNG最多可以支持32位的颜色，