CSS Sprites的目的就是通過(guò)整合圖片，減少對(duì)服務(wù)器的請(qǐng)求數(shù)量，從而加快頁(yè)面加載速度。

實(shí)現(xiàn)方法：

首先將小圖片整合到一張大的圖片上

然后根據(jù)具體圖標(biāo)在大圖上的位置，給背景定位。

.icons{background-position:-8px?-95px;}??

?使用技巧：

小圖片排列方面：顏色相近的圖片放在一起，可以減少輸出的色數(shù)，進(jìn)一步降低文件體積。

整合圖片生成方面：PNG8的圖像比GIF圖像要小30%左右

通過(guò)工具再壓縮：fireworks生成的PNG比photoshop更小，而一些專用的壓縮軟件也可以讓圖片再小一些。

《新程序員》：云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作，文字、視頻、音頻交互閱讀

總結(jié)

以上是生活随笔為你收集整理的CSS Sprites图片合并的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。