雪碧图（sprite）

　　　　　　　　　　　　　　　　　　雪碧图

　　是一种将网页上经常使用且不常常变更的小图标集中在一张大图中，根据网页需求来显示图片的技术。

能够提升网页加载速度，增长用户体验。

　　其原理是经过html块状元素创建一个知足需求的视图窗口，而后在窗口背景中载入处理过的、规则

的集成了小图的大图。图片加载后，根据需求来测量出须要小图的坐标，让其准确的显示在咱们创建好的

窗口中。

　　它的好处是咱们能够与后台交互一次，就能够知足网页上不少小图标的加载。

　　它的劣势在于，若是每次修改都会较为麻烦，容易出错。

　　因此，常常将它用在不怎么会常常改动的icon小图标中，而常常要变更的图片则不建议用。