在Photoshop中，可以通过“存储为Web所用格式”对话框对图像进行优化设置，在该对话框中提供了多种命令，支持各种文件格式的图片。除了对图像整体进行优化外，还可以分别对不同区域的切片进行优化。另外，在优化的过程中，可通过预览框实时的观察图像优化后的画面效果、画面质量和颜色数量等信息。这样既保证了画面效果，又使文件达到了所需的文件体积要求。下面让我们来熟悉该对话框。

（1）启动Photoshop，执行“文件”→“打开”命令，打开将要优化的图像。

（2）在菜单栏执行“文件”→“存储为Web所用格式”命令，图17-1所示为该对话框。

图17-1  “存储为Web所用格式”对话框

图17-2中“存储为Web所用格式”命令对话框，各区域的名称和功能如下：

A：该区域为对话框的“工具箱”，使用这些工具可以调整预览框的显示、选择切片，以及吸取画面颜色。

B：区域中的4个选项卡，分别为“原稿”、“优化”、“双联”、“四联”，选择其中的选项卡可以更改预览区显示原图像的方式。

C：单击三角按钮可弹出“预览”弹出式菜单，在该菜单中可以设置颜色显示格式，以及设置调制解调器的速度。

D：该区域中的命令和参数，可以对图像的优化方式进行调整与设置，使用它们可以设置图像的画面质量、图像大小和文件格式等。

E：该区域为“存储为Web所用格式”对话框中的预览框，可以将原稿与优化后图像进行比较。

F：为“缩放”数值框，可对预览框中的图像显示进行缩放。

G：该区域为优化图像的注释区域，该区域显示了对图像执行的优化方式和结果。

H：该区域分布了“颜色表”和“图像大小”选项卡，可以修改优化图像的颜色和画面大小。

I：单击“在浏览器中预览”按钮，可自动运行网页浏览器，并在浏览器中显示网页图像效果。

J：单击“在ImageReady中编辑”按钮，以及将图像文件转到ImageReady软件中，通过ImageReady

对图像进行再次编辑。

17.2  优化整体图像

下面我们通过一组操作，来熟练的掌握“存储为Web所用格式”对话框如何对图像进行整体的优化。

1. “存储为Web所用格式”对话框的基本操作

（1）首先，打开本书附带光盘\Chapter-17\“龙山景区.jpg”文件，然后执行“文件”→“存储为Web所用格式”命令，打开“存储为Web所用格式”对话框，如图17-2所示。

图17-2  打开“存储为Web所用格式”对话框

（2）如果在“存储为Web所用格式”对话框中无法看到整个图片，可以在对话框左侧的工具箱中单击“抓手”工具，在预览框中就可随意对图像进行移动，如图17-3所示。

图17-3  使用“抓手工具”移动图像

（3）在预览框的上部选择“原稿”选项卡后，可在预览区中显示原始图像，当选择“优化”选项卡后，预览区中显示的是优化后的图像。如果选择“双联”选项卡，预览区将同时显示原图像和优化后的图像，如图17-4所示。

图17-4  选择“双联”选项卡

（4）当选择“四联”选项卡后，将显示4个预览框，4个预览框中有一个预览框显示为原图像，其余的预览框可显示不同品质的优化图像，以方便操作者进行设置与比较。图17-5所示为选择“四联”选项卡后的效果。

图17-5  选择“四联”选项卡

（5）选择“四联”选项卡后，使用鼠标单击即可选

择一个预览框，被选择的预览框周围将显示蓝色线框，如果单击对话框中的“存储”按钮，将会把选择的图像作为要输出的图像进行保存，图17-6所示为选择其中一个预览框后的效果。

图17-6  选择一个预览框后的效果

（6）在每个预览框的下方有一个优化图像的注释区域，该区域显示了图像的优化信息。如原稿图像的注释信息显示为文件名和文件大小，而优化图像的注释则显示为当前优化文件的格式、大小以及估计出的网络下载时间，图17-7所示为4个预览框的优化信息显示。

图17-7  4个预览框中的优化信息显示

（7）单击预览框右上角的三角按钮，弹出“预览”菜单，在菜单中可选择调制解调器的速度。根据调制解调器的速度，在注释区域的优化信息中，将显示优化后图像的下载时间，如图17-8所示。

图17-8  更改调制解调器速度

（8）在对话框的右侧是图像的优化设置选项区，使用这些命令选项可以对图像画面的显示效果、图像大小和文件格式进行设置，图17-9所示为当优化图像处于不同文件格式时该选项区的参数显示。

图17-9  优化图像处于不同文件格式时选项区的参数显示

（9）在“优化的文件格式”下拉列表中提供了5种文件格式，选择不同的文件格式，其优化设置方式也会有所区别。如图17-10所示，选择GIF文件格式，其中GIF格式和PNG-8的参数选项设置基本一致。

图17-10  “优化的文件格式”下拉列表中的文件格式