如何做好网站图片的SEO优化（附图片压缩原理和图片压缩方法）

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）高度会自动调整，使得图片不会变形。

图 6-4 ImageReady 操作界面

4. 将图片保存，点击菜单栏中的“文件”→“将优化结果存储为（M）…”即可。

转载请注明来自专注SEO技术,教程,推广 - 8848SEO，本文标题：《如何做好网站图片的SEO优化（附图片压缩原理和图片压缩方法）》

标签：SEO