圖片本身的最佳化：
- 映像品質要求和影像檔大小決定你用什麼格式的圖片，用較小的圖片檔案呈現較好的映像品質。
- 當圖片色彩過於豐富且無透明要求時，建議採用jpg格式並儲存為較高品質。
- 當圖片色彩過於豐富又有透明或半透明要求或陰影製作效果時，建議採用png24格式，並對IE6進行png8退化（或在不得已情況下使用濾鏡）。
- 當圖片色彩不太豐富時無論有無透明要求，請採用png8格式，大多數情況下建議採用這種格式。
- 當圖片有動畫時，只能使用gif格式。
- 你可以使用工具對圖片進行再次壓縮，但前提是不會影響色彩和透明。
多張圖片的合并：CSS Sprites技術
- 單個表徵圖之間必須保留空隙，空隙大小由容器大小及顯示方式決定。這樣做的好處是既考慮了“容錯性”又提高了圖片的可維護性。
- 表徵圖的相片順序，也由容器大小及顯示方式決定。相片順序分為以下幾種：橫向排列（容器寬度有限）、縱向排列（容器高度有限）、斜線排列（容器寬高不限），靠左排列（容器背景居左）、靠右排列（容器背景居右）、水平置中排列（容器背景水平置中）、垂直置中排列（容器背景垂直置中）。
- 合并後圖片大小不宜超過50K，建議大小在20K-50K之間。
- 為保證多次修改後的圖片品質，請保留一份PSD原始圖，修改和添加都在PSD中進行，最後匯出png。
分類合并：
並不是把所有的表徵圖都合并在一張圖片裡就是最好的，除了要控製圖片大小之外還要注意以下方法。
- 按照圖片相片順序，把相片順序一樣的圖片進行合并，便於樣式控制。
- 按照模組或元件，把同屬於一個模組或元件的圖片進行合并，方便模組或元件的維護。
- 按照圖片大小，把大小一致或差不多的圖片進行合并，可充分利用圖片空間。
- 按照圖片色彩，把色彩一致或差不多的圖片進行合并，保證合并後圖片的色彩不過於豐富，可防止色彩失真。
- 綜合以上方法進行合并。
=================================================================
在不考慮低端瀏覽器的情況下，用png圖片的比較多，現在推薦一篇白樹的文章【原】PNG的提示
