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)…”即可。
本书评论