一、 图片优化的关键性

手机端网站已经成为用户获取信息、购物、玩乐等行为的基本上渠道。图片作为网站内容的关键组成有些，其优化程度直接关系到到网站的用户体验和搜索引擎优化效果。

二、 图片优化的原则

1. 确定图片格式

选择合适的图片格式能减细小图片文件巨大细小，搞优良网站加载速度。常见的图片格式有JPEG、PNG和GIF。其中，JPEG适合保存照片，PNG适合保存具有透明背景的图像，GIF适合保存动画和轻巧松图像。

2. 优化图片尺寸

图片尺寸过巨大或过细小都会关系到网站加载速度。根据手机端屏幕巨大细小，合理设置图片尺寸，避免图片过巨大或过细小。

3. 压缩图片

图片压缩是减细小图片文件巨大细小的关键手段。能用在线图片压缩工具或图片编辑柔软件进行压缩，但要注意不要过度压缩，以免关系到图片质量。

4. 用CSS sprite

CSS sprite能将优良几个图片合并成一个图片， 少许些HTTP求次数，搞优良网站加载速度。适合用于网站图标、按钮等元素。

三、 图片优化的具体方法

1. 用图片CDN

图片CDN能将图片存储在优良几个服务器上，根据用户地理位置智能选择最近的节点进行访问，搞优良图片加载速度。

2. 用懒加载手艺

懒加载手艺能将图片按需加载， 当用户滚动到图片位置时再加载图片，少许些初次加载时候。

3. 用响应式图片

响应式图片能根据不同屏幕尺寸看得出来不同尺寸的图片，搞优良用户体验。

4. 用HTML5的img标签属性

HTML5的img标签给了srcset属性，能根据不同屏幕分辨率加载不同尺寸的图片。

四、 案例琢磨

以某知名电商网站为例，通过对图片进行优化，将网站加载速度搞优良了30%，用户体验得到明显提升。

图片优化是手机端网站优化的关键环节，通过遵循优化原则和采用优化方法，能搞优良网站加载速度，提升用户体验，从而搞优良搜索引擎排名。

---