雪碧图（sprite）

　　　　　　　　　　　　　　　　　　雪碧图

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

可以提高网页加载速度，增加用户体验。

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

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

窗口中。

　　它的好处是我们可以与后台交互一次，就可以满足网页上很多小图标的加载。

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

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

 

转载于:https://www.cnblogs.com/lilinfeng569482/p/5373890.html