一、去掉无意义的修饰。好吧，华硕会撒谎吗？除了内容图片外，其他图片都是用来修饰的，也就是说，它们在传达信息方面不是实质性的。优化就是根本不用图片！所以在优化之前我们应该做的是首先确认规划。规划需要用这么多的图片还是更简洁？

二、不需要图片。好吧，剪一张照片简直是胡说八道！不要迷路，只要用CSS而不是图片来完成修饰！例如，半透明、边框、圆角、阴影、变异等，都可以在当时主流浏览器中用CSS来实现。未来CSS滤波器得到广泛支持后，还可以实现α混合、正膜堆积等多种功能。

三、使用矢量地图而不是位图。对于大多数图片、图标等，矢量图较小且可伸缩，而无需生成多组图。现在主流浏览器都支持SVG，所以你可以放心使用！

四、使用适当的图片模式。我们常用的图片模式是JPEG、GIF、PNG。基本上，内容图片大多是照片，适合JPEG格式。像通常更适合于PNG的无损压缩。而GIF除了用于GIF动画之外基本上不使用。而动画，也更提倡使用视频元素和视频模式，或者用SVG动画代替。除了这些模式，chrome、new opera和Android 4+支持webp模式，而IE9+和iemobile10+支持jpegxr。这两种新的模式支持无损和有损压缩，并且都有更好的压缩比。当然，这需要不同的浏览器图片，增加了开发成本和存储成本。但是，在相同的流量下，您可以节省流量并提高图像质量和用户体验。你怎么选择？顺便说一下，不要忘记使用优秀的图像编码器和适当的参数。一个好的图像编码器，特别是有损图像的编码器，可以通过算法或人工调整来获得更高的压缩比。