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

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

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

發佈留言