為了加快網頁載入的速度、減少使用者等待的時間，許多前端工程師會將網站需要用到的小圖示合併成一張大圖、再利用CSS來定位各個小圖示，這就是所謂的CSS sprite。CSS sprite可以減少HTTP的請求次數、加快網頁載入的速度。有許多工具都可以幫我們生成CSS sprite，這在篇文章中、我要介紹如何使用Compass自動生成 CSS sprite。

使用Compass製作CSS sprite非常輕鬆、。只要將圖示放在同一個資料夾內、再加上二行的語法，就完成合併圖片的動作囉！ Read More