提升网页加载速度和体验 谈图片优化的方法

　　PS色调分离的操作步骤如下：

　　对比大小：

　　使用工具优化后，还能够小一些：

请注意，上图中原本是GIF格式的图片

被改为了PNG格式

。所以，在使用工具优化时后需要再查看一下文件格式是否被更改，避免漏过某些图片没有优化。

　　图片优化在微博首页上的应用：

　　1. 图型类、照片类

　　对于图像格式的选择，我们还需要考虑图片的使用场景或功能，概括为两类：图型类、照片类

　　图型类：图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性，颜色数量较少。

　　图型类一般可以使用PNG格式或者GIF格式。优化时可采用PNG格式为PNG8或者PNG24，品质为32，如果色彩有损失可采用品质64或者128。

　　例如：首页左导的图标、feed区图标、勋章图、表情动画都属于图形。

　　照片类：照片通常含有百万数量级的颜色，包括平滑的颜色过度和渐变，如果是图形较为复杂，图中有时会出现真实的照片。

　　照片类一般用PNG和JPG。可以根据图片色彩的丰富程度而定。

　　PNG的品质一般要到128。JPG的品质一般要在70-80之间，以噪点的程度确定。

　　例如：皮肤背景图、发布器、按钮背景、发布器下方的tips、右侧广告、用户头像、用户发布的图片。