做網站的都(dōu)知道有一種将網站背景圖片拼接到一張圖片上的技術(shù)：CSS Sprites圖片整合技術(shù)。深圳網站建設公司【創絡】大(dà)約在兩年(nián)前的一小段時間内非常癡迷于這種技術(shù)的使用。因爲它确實可(kě)以從(cóng)很大(dà)程度上降低網站服務器的請(qǐng)求次數，從(cóng)而提高網站的訪問(wèn)速度，然而，爲什麽我們會很快(kuài)的放(fàng)棄這種技術(shù)呢(ne)？原因是：這樣做出來(lái)的網站很難維護。
我們先來(lái)了解一些和Sprites技術(shù)相(xiàng)關的信息，對于非動畫(huà)的GIF更建議(yì)使用PNG8因爲它同樣能做到一樣的效果，而且能爲你(nǐ)節省10%-30%的文件(jiàn)體(tǐ)積。而Sprites技術(shù)就(jiù)是将網站上的所有圖片集成到一張PNG或者GIF圖片上去(qù)。常見(jiàn)的圖片切割技術(shù)是圖片順序由上至下、左至右添加。而background-position一般采用數字組合形式定位，這樣能減少維護帶來(lái)的不必要麻煩。SS Sprites圖片中的圖片都(dōu)是緊挨在一起的，目的是最大(dà)限度的縮小文件(jiàn)體(tǐ)積。把顔色較近或相(xiàng)同的組合在一起可(kě)以降低顔色數，因爲少色數的圖片文件(jiàn)體(tǐ)積會相(xiàng)對的小。
一般我們會采用水平排列圖片而非垂直排列，目的當然還(hái)是縮小圖片文件(jiàn)的體(tǐ)積，因爲垂直排列的圖片會比水平排列的圖片體(tǐ)積要大(dà)。适當地把對等相(xiàng)同的圖像合并，以節省空間及減少體(tǐ)積。區分(fēn)開不需要合并的圖像。最右或左邊爲最靈活動位置最适宜擺放(fàng)文本前的ICO，不會受到其它PNG圖片的幹預，因此不需要預留空間。
由于整個網站的圖片全部都(dōu)在這一個圖片上面，因此，我們需要在每一個DIV中通過精确的position屬性來(lái)定位。如(rú)果有一天客戶要求改變某一個DIV的大(dà)小，那麽整個CSS文檔就(jiù)用全部重新寫，這是多麽痛苦的一件(jiàn)事(shì)情啊？而最令人(rén)吃(chī)驚的，沒有任何一位客戶可(kě)以保證他(tā)在未來(lái)不會去(qù)修改網站。因此，我們隻好選擇放(fàng)棄使用這種技術(shù)，轉而從(cóng)其他(tā)方面努力提高網站的速度。
