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

　　这就是平时保存JPG图片时图像会模糊的原因，下面是几张彩色图的局部对比效果：

　　无损压缩：利用数据的统计冗余进行压缩，真实的记录图像上每个像素点的数据信息。他的原理是先判断哪些颜色相同，哪些不同，将相同颜色的数据信息进行压缩记录，把不同的数据另外保存。多次存储后图片的品质不会下降。

　　为什么无损压缩的图也会有失真的?因为他的压缩原理是通过索引图像上相同区域的颜色进行压缩和还原，也就是说只有在图像的颜色数量小于我们可以保存的颜色数量时，才能真实的记录和还原图像，否则就会丢失一些图像信息。例如，PNG-8和GIF格式：

　　而PNG24为真彩色所以颜色表为空，不会失真。

　　3. PNG 、GIF 、JPG图片对比。

　　在我们进行图像优化技术前，需要学习有关的图片格式的一些技术细节。每个图形格式都有自己的优势和弱点，知道他们会使你得到更好的视觉质量和压缩品质。

　　网页图片优化是网页加速中非常重要的一步，对图片进行压缩，不仅能够节约带宽，并且加快网页的速度。我们常用的图片编辑软件都可以在压缩图片。

　　PNG-8 的高压缩比

　　切图时，有时选择 PNG-8 可以获得更高的压缩比。注意，是 PNG-8，不是 PNG-24。不过有些情况下还是 GIF 或 JPG 会小一些，需要根据实际情况调试以选择最佳方案。

　　PNG-24 的优化技巧，使用色调分离：

　　拿微博左侧导航的小icon为例，压缩后的图像大小对比如下图：