說(shuō)到css sprite可能很多站長(zhǎng)都不知道是什么，但是要說(shuō)圖片整合很多站長(zhǎng)一定是知道的，其實(shí)就是把一些零星的小圖都包含在一張大圖中，然后在利用背景圖定位“background-image”，“background-repeat”，“background-position”這些組合進(jìn)行定位，量好坐標(biāo)就可以了。
我們做為什么要做這個(gè)呢，好處在哪，其實(shí)主要是為了網(wǎng)站的加載速度快點(diǎn)兒，咱們用客戶端打開(kāi)網(wǎng)頁(yè)的時(shí)候每顯示一些信息客戶端都得向服務(wù)器發(fā)送請(qǐng)求，信息量越大那么延遲就越久。
圖片整合的好處并不是只有這么一點(diǎn)。通過(guò)百度百科我們來(lái)分析一下：
首先跟換網(wǎng)站風(fēng)格比較方便，只需要改變圖片顏色或是樣式就搞定了，維護(hù)非常方便
它還可以減少圖片的大小，你可以試一下整合起來(lái)的圖片和零散的圖片，整合起來(lái)的圖片大小一定是小于這三張圖片的字節(jié)總和 的。而且還能解決切圖過(guò)程中命名的問(wèn)題哦。N個(gè)圖片使用一個(gè)名字就OK。 不需要對(duì)每個(gè)圖片都進(jìn)行命名，從而提高了網(wǎng)頁(yè)的制作效率。
減少來(lái)自網(wǎng)頁(yè)的http請(qǐng)求，提高頁(yè)面的性能，這是他大的優(yōu)點(diǎn)，也是其被廣泛傳播和應(yīng)用的主要原因。
當(dāng)然，沒(méi)有什么是完美的，所以它也有他的缺點(diǎn)
先進(jìn)就是位置的問(wèn)題，當(dāng)時(shí)我在學(xué)習(xí)的時(shí)候定位總弄不明白，費(fèi)了很大的力氣。一旦你搞懂了就沒(méi)什么難度了，小菜！
如果要是改動(dòng)背景的話比較麻煩，需要改動(dòng)css。
為了防止以后會(huì)修改，大小不定，所以一定要留好足夠的空間，要不然就悲催了，還有如果是自適應(yīng)的頁(yè)面如果你的圖片大小不夠還容易出現(xiàn)背景斷裂。
總的來(lái)說(shuō)利還是大于弊的！
