CSS Sprites圖片合并

CSS Sprites的目的就是通過整合圖片，減少對伺服器的請求數量，從而加快頁面載入速度。

實現方法：

1. 首先將小圖片整合到一張大的圖片上
2. 然後根據具體表徵圖在大圖上的位置，給背景定位。

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

 提示：

1. 小圖片排列方面：顏色相近的圖片放在一起，可以減少輸出的色數，進一步降低檔案體積。
2. 整合圖片產生方面：PNG8的映像比GIF映像要小30%左右
3. 通過工具再壓縮：fireworks產生的PNG比photoshop更小，而一些專用的壓縮軟體也可以讓圖片再小一些。