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

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


可拖放圖片到這


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