最优化图像通常是在网页设计时处理网页图像时的一种说法，究竟何为最优化图像呢？简单地说，就是让制作出来的图像不但质量好，而且文件小，易于在网络上传输，这就是最优化图像。所以，要达到最优化图像的目标，在处理图像时就不能只追求图像品质而忽视文件大小了。

影响文件大小的几个重要因素是分辨率、图像尺寸、颜色数目和图像格式。所以，在网站建设时，要最优化图像，就必须考虑这些相关因素，特别是对颜色数目和图像格式要考虑得更多一些。为了兼顾图像质量和文件大小，在使用网页图像时，不同类型的图像要选用不同的图像格式。

因为这两种格式支持真彩色24位，表现出的色彩会更丰富一些，这样也可以确保图像的质量，而不至于为了减少文件大小而产生图像失真。如果是一般的图形、按钮或图标，则均可以使用GIF格式。下面以示例形式介绍如何最优化图像。

【操作步骤】

第1步，启动Photoshop，打开网页图像。

第2步，选择【文件】|【存储为Web所用格式】命令，打开【存储为Web所用格式】对话框，如图8.87所示，切换到【四联】窗口模式显示图像，同时显示【优化】设置面板。

第3步，在【四联】模式的窗口中，单击选择一个预览窗口（被选中的窗口有一个黑色边框）。第4步，在【优化】面板的【保存的设置】下拉列表框中选择一种图像格式。

第4步，在【优化】面板的【保存的设置】下拉列表框中选择一种图像格式。

提示：虽然存在有非常多的图片格式，但是依据压缩方法不同，所有的图片都能进一步归类为两大类别：无损和有损。无损数据压缩保证了图像在没有任何品质和信息丢失的情况下重现，而有损数据压缩的结果就是可能造成品质和信息的丢失。在平面设计领域最主流的无损媒介格式包括GIF、PNG和TIFF，而JPEG是最主流的有损压缩的图形格式。

第5步，选择GIF格式，在此面板中将显示图像颜色数及其他参数。选择GIF格式时，在颜色列表中将显示出图像所使用的所有颜色。在该列表中用户可以增加、更改或删除颜色来改变图像效果，以及进行锁定颜色、设置透明颜色等操作。

如果选择JPEG格式，则可以通过设置【质量】的值来改变文件大小，【质量】值越高文件越大；反之文件越小，其失真程度也就越严重。

第6步，在窗口右下角设置图像的大小和品质。

第7步，设置各项参数，使图像大小和图像效果都达到最佳水平。然后在窗口左侧4个视图中比较不同格式和优化参数下的视觉效果，还可以查看图像格式、文件大小、下载速度及颜色数目等信息。

提示：在设计网页时，当用户在窗口右侧进行设置时，应随时观察预览窗口中的图像效果，以及窗口下方的提示信息，以便确定一个最佳的图像设置。例如，可以在3个预览窗口中分别选择JPEG、GIF和PNG3种不同的格式。从中可以看到，3种图像格式下图像显示的效果区别。而3种格式设置下，图像的大小却相差很大。选择JPEG和PNG格式时图像均较大，而GIF格式设置下的图像却很小，但是部分渐变颜色在GIF格式下显得不是很自然。因此，对此图形来讲，选择JPEG格式是最合适的。

提示：一般来说，网页使用的图像格式大多为GIF格式，主要是因为此格式具备了图像效果好、文件小，以及支持透明背景和动画等诸多优点。但并不是只要选择GIF格式就很好了，用户还需进行相应的参数设置才能达到最佳效果。

第8步，通过比较，可以单击并选中最优化输出的图像。最后，单击【存储】按钮，打开【将优化结果存储为】对话框，设置文件名、格式和设置选项。

第9步，单击【保存】按钮，关闭对话框，保存最优化的图像。