網頁中會有許多的小圖標及圖片,會向服務器去請求文件,有多個小圖標都要一個一個的去請求過來,這樣會讓服務器的壓力過大,也大大降低頁面的加載速度。因此,為了有效減少服務器接收和發(fā)送請求的次數,提高頁面的加載速度,出現了CSS精靈圖技術(也稱CSS Sprites,CSS雪碧)。

精靈圖生成器允許您將多張圖片合并成一張。在您的網頁代碼中,通過CSS的backgroud屬性,告訴瀏覽器讀取精靈圖指定位置和指定大小的圖像,并將圖像顯示在在頁面上。


可拖放圖片到這


px
px (僅逐行掃描模式有效)
排列方式:
圖片列表
CSS代碼
HTML代碼