CSS Sprites:減少網站圖片request技巧

網站如果有大量靜態圖檔通常會增加server負擔，一張圖片基本上就是一個request，CSS Sprites這個技巧可以減少request數，這技巧基本上就是將一堆圖片全部整合在同一張圖片，所以只需要一個request就可以了。

它的原理是利用CSS的background-position來找出每個小圖片在整合過後的大圖上的位置，至於position也不用自己計算，可以用像CSS generator這樣的工具幫妳做好好。善用CSS Sprite可以大量減少網站request又可以增加網站效能。