6.2 图片压缩
图片压缩的主要目的是降低图片的体积，加快页面显示的速度，不管对于搜索引擎还是普通用户都是友好的。
6.2.1 图片压缩原理
图像分辨率常用“位/像素”表示。一般情况下，高分辨率图像每个像素由32位或者24位组成，而中分辨率图片每个像素由16位或者8位组成。不管使用什么工具对图片进行压缩，其原理就是降低组成图片每个像素的位数。所以，图片压缩对图片质量的影响是在所难免的。但是，我们不能为了片面追求降低图片体积，而忽略图片质量。图片优化的一个非常重要的原则就是：在保证图片正常显示的范围内尽可能降低图片的分辨率，从而降低图片的体积。
6.2.2 图片格式问题
在网页中，常用的图片格式有两种：JPG及GIF。同样的图片，使用GIF格式或JPG格式进行保存，所产生的体积是不一样的。在实际中，如果图片里的色彩比较复杂，那么使用JPG格式进行保存可以节省更大的存储空间。相反，如果图片的色彩很单调（例如，只有少量的文本），那么使用GIF格式进行保存则可以节省更大的存储空间。
在对JPG格式的图片进行压缩的时候，只需要降低图片的质量（或者品质）即可。例如，把JPG格式的图片质量（或者品质）调整到50～60时，显示效果与体积大小都是比较为合理的。而在对GIF文件进行压缩的时候，则是通过调整图片的颜色位数来实现的。一般情况下，我们把图片调整至40～50位时，显示效果与体积大小都较为合理。
6.2.3 图片缩小
对于大尺寸的图片，可以通过缩小图片尺寸（即降低图片的分辨率）的方法来降低图片的体积。例如，在页面中仅需要使用300×200的图片，而源文件却是1024×768，那么，就可以缩小这个图片的尺寸，从而降低图片体积。
在实际应用中，我们常常会使用Adobe ImageReady来对图片的尺寸（或分辨率）进行调整。
1. 打开需要调整的图片，点击菜单栏中的“文件”→“打开”→选择需要处理的图片。
2. 然后，使用快捷键Ctrl+T（或者点击“编缉”→“自由变换”）对图片大小进行调整。
3. 再点击图6-4中框里的按钮，在左边（W）输入宽度，则右边的（H）高度会自动调整，使得图片不会变形。
4. 将图片保存，点击菜单栏中的“文件”→“将优化结果存储为（M）…”即可。
本书评论