雪碧圖（sprite）

　　　　　　　　　　　　　　　　　　雪碧圖

　　是一種將網頁上經常使用且不常常變更的小圖標集中在一張大圖中，根據網頁需求來顯示圖片的技術。

能夠提升網頁加載速度，增長用戶體驗。

　　其原理是經過html塊狀元素創建一個知足需求的視圖窗口，而後在窗口背景中載入處理過的、規則

的集成了小圖的大圖。圖片加載後，根據需求來測量出須要小圖的座標，讓其準確的顯示在咱們創建好的

窗口中。

　　它的好處是咱們能夠與後臺交互一次，就能夠知足網頁上不少小圖標的加載。

　　它的劣勢在於，若是每次修改都會較爲麻煩，容易出錯。

　　因此，常常將它用在不怎麼會常常改動的icon小圖標中，而常常要變更的圖片則不建議用。