1.3.3 Web图像优化的3个关键点

网页图像的优化是每一位设计师都关心的问题，我们必须在图像的质量和压缩比之间找到平衡点，进而获得满意的视觉效果。对于网页图像的优化，重点需要处理好以下3个关键点：

❶选择正确的保存格式；

❷文件的分辨率大小；

❸图像包含的颜色数量。

很多时候，我们的图像尺寸太大都是没有处理好以上3个关键点。下面，我们一起分享图像优化的技巧。

01 如果仅仅满足图像浏览的需要，而无需用户下载打印，笔者建议大家可采用GIF格式保存图像，因为GIF格式的图像多采用索引模式显示，最多支持256种颜色，基本上满足了视觉浏览的需要。GIF格式适合那些使用纯色或是有限色彩的图像，如标志、背景、色条等。

02 如果是JPEG格式的图片，在保存时需结合图像的主体对象、背景的色彩灵活选择压缩品质高、中、低下的效果。根据网站的目标浏览者，可在保存图像时勾选“连续”选项。这样在加载图像时，JPEG格式的图像会逐渐呈现，使浏览者在图像完全加载之前便可快速预览到图像的基本面貌，如图1.34所示。

图1.34

03 网页图像的分辨率数值，只可以由大改小，减少图像的大小，而不要想当然地由小改大，这样不仅不会提升图像的质量，还会增加文件的保存大小。

04 必要时，可选择其他专门用来优化网页图像的工具软件，例如，RIOT（基本图像优化工具）、Online Image Optimizer（在线图像优化）。