/sprite

css雪碧图简单制作工具

Primary LanguageC#MIT LicenseMIT

css sprite

    css雪碧图简单制作工具

    可以通过图片,直接生成sprite文件,并且生成代码

    可以通过鼠标点击调整图片位置

	可以添加单张图片,以及删除单张图片

	可以保存为.sprite文件,以后好维护

CSDN下载地址(多支持下吧)

http://download.csdn.net/detail/wx247919365/8660503

#使用步骤 ####1.用ps或者dw把需要的图片切下来

####2.打开CssSprite.exe 打开CssSprite.exe文件

####3.打开图片 点击左上角按钮打开图片 选择多张图片,点击打开按钮

####4..sprite文件 此次更新中新增了生成图片的时候同时生成.sprite文件的功能,程序中可以通过点击按钮“打开.sprite”按钮,选择.sprite文件,还原雪碧图原视图 请务必保证.sprite与其中的图片文件在同一文件夹内

####4.排布图片 可以选择上面的最上面按钮今天横竖的默认排布 也可以鼠标选中图片拖动位置 拖动完成后程序会根据内部图片的位置生成面积最小的雪碧图 当然也会改变相应的图片位置 可以点击+,-号图片按钮添加以及删除图片,目前只能操作单张的图片。

####5.代码生成 在程序中可以生成sass代码,以及css代码,看自己需要嘛,自己选择 选中是否是手机端的时候会把所有的尺寸除以2,因为手机端往往会设计图比较大,所以要缩放 建议生成图片后再复制生成的代码

####6.保存雪碧图 点击“生成雪碧图”按钮,程序会默认选中你在第3步的时候打开图片的地址

    然后点击确定后生成雪碧图。

	生成的同时会生成.sprite文件