1.用ps或者dw把需要的图片切下来
2.打开CssSprite.exe
打开CssSprite.exe文件
3.打开图片
点击左上角按钮打开图片
现在版本中一次只能打开一种类型的图片文件
4. .sprite文件
此次更新中新增了生成图片的时候同时生成.sprite文件的功能，程序中可以通过点击按钮“打开.sprite”按钮，选择.sprite文件，还原雪碧图原视图
请务必保证.sprite与其中的图片文件在同一文件夹内
5.排布图片
可以选择上面的最上面按钮今天横竖的默认排布，也可以鼠标选中图片拖动位置，拖动完成后程序会根据内部图片的位置生成面积最小的雪碧图，当然也会改变相应的图片位置
可以点击+，-号图片按钮添加以及删除图片，目前只能操作单张的图片。
6.代码生成
在程序中可以生成sass代码，以及css代码，看自己需要嘛，自己选择，选中“是否是手机端”的时候会把所有的尺寸除以2，因为手机端往往会设计图比较大，所以要缩放，建议生成图片后再复制生成的代码
7.保存雪碧图
点击“生成雪碧图”按钮，程序会默认选中你在第3步的时候打开图片的地址，然后点击确定后生成雪碧图。
生成的同时会生成.sprite文件
查看更多关于csssprite，css雪碧图生成工具V3.0更新_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did107942