做網(wǎng)站的都知道有一種將網(wǎng)站背景圖片拼接到一張圖片上的技術(shù)：CSS Sprites圖片整合技術(shù)。深圳網(wǎng)站建設(shè)公司【創(chuàng)絡(luò)】大約在兩年前的一小段時(shí)間內(nèi)非常癡迷于這種技術(shù)的使用。因?yàn)樗_實(shí)可以從很大程度上降低網(wǎng)站服務(wù)器的請(qǐng)求次數(shù)，從而提高網(wǎng)站的訪問(wèn)速度，然而，為什么我們會(huì)很快的放棄這種技術(shù)呢？原因是：這樣做出來(lái)的網(wǎng)站很難維護(hù)。

我們先來(lái)了解一些和Sprites技術(shù)相關(guān)的信息，對(duì)于非動(dòng)畫(huà)的GIF更建議使用PNG8因?yàn)樗瑯幽茏龅揭粯拥男Ч?，而且能為你?jié)省10%-30%的文件體積。而Sprites技術(shù)就是將網(wǎng)站上的所有圖片集成到一張PNG或者GIF圖片上去。常見(jiàn)的圖片切割技術(shù)是圖片順序由上至下、左至右添加。而background-position一般采用數(shù)字組合形式定位，這樣能減少維護(hù)帶來(lái)的不必要麻煩。SS Sprites圖片中的圖片都是緊挨在一起的，目的是最大限度的縮小文件體積。把顏色較近或相同的組合在一起可以降低顏色數(shù)，因?yàn)樯偕珨?shù)的圖片文件體積會(huì)相對(duì)的小。

一般我們會(huì)采用水平排列圖片而非垂直排列，目的當(dāng)然還是縮小圖片文件的體積，因?yàn)榇怪迸帕械膱D片會(huì)比水平排列的圖片體積要大。適當(dāng)?shù)匕褜?duì)等相同的圖像合并，以節(jié)省空間及減少體積。區(qū)分開(kāi)不需要合并的圖像。最右或左邊為最靈活動(dòng)位置最適宜擺放文本前的ICO，不會(huì)受到其它PNG圖片的干預(yù)，因此不需要預(yù)留空間。

由于整個(gè)網(wǎng)站的圖片全部都在這一個(gè)圖片上面，因此，我們需要在每一個(gè)DIV中通過(guò)精確的position屬性來(lái)定位。如果有一天客戶(hù)要求改變某一個(gè)DIV的大小，那么整個(gè)CSS文檔就用全部重新寫(xiě)，這是多么痛苦的一件事情?。慷盍钊顺泽@的，沒(méi)有任何一位客戶(hù)可以保證他在未來(lái)不會(huì)去修改網(wǎng)站。因此，我們只好選擇放棄使用這種技術(shù)，轉(zhuǎn)而從其他方面努力提高網(wǎng)站的速度。