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对编码的苛刻，路径，命名不能有中文以及非法字符