compass製做sprite雪碧圖

1.安裝compass。（須要先安裝ruby）

命令行：gem install compass

 

 

2.新建一個compass 項目

命令行：compass create myproject

 

 

3.在myproject中新建一個images文件夾，將須要轉換的圖片放入images新建的share文件中

並在scss文件中寫入：

@import "compass/utilities/sprites";     

@import "share/*.png";
@include all-share-sprites;

命令行：compass compile

完成，images文件夾下會顯示雪碧圖

 

注意：ruby對編碼的苛刻，路徑，命名不能有中文以及非法字符