1、使用base64编码代替图片
适用于图片小于2KB，页面引用图片不多的情况。将图片转换为base64编码字符串inline到CSS或页面中，减少http的请求次数。
2、合并图片sprite（雪碧图）
任何用到页面图片的场景。将多个页面用到的北京图片合并成一个大的图片在页面中引用，可以有效地减少请求个数。
3、使用canvas代替图片 需要高性能的图片或动画，使用HTML5的canvas元素绘制图片，页面渲染性能较高。
4、响应式图片
不同终端对同一图片的需求不一样，根据终端加载不同的图片来节省不必要的流量。通过picture元素，picturefill或平台判断来为不同终端平台输出不同的图片。减少没必要的图片加载，灵活控制。
5、图片压缩
在不得不加载图片的前提下，进一步提高优化效果，通过有损或无损压缩所见图片的大小。减少图片加载流量，效果明显。
6、更好的图片格式
webp、bpg、sharpP等新图片格式具有更好的压缩比
