CSS Sprites 样式生成工具

学CSS布局的同学应该多少知道CSS Sprites（图片合并）技术，简单的说就是利用CSS的background-position属性，控制显示一张大图片的显示区域。例子可以看这里《CSS Sprites: Image Slicing’s Kiss of Death》。

对于经常使用CSS Sprites的同学，不知道是否有跟我一样的烦恼，在写定位的时候，先在PS里量出大概的位置，然后再在FF里用 Firebug进行微调，以达到实际需要的效果。

效率方面的问题比较严重，虽然在做合并图的时候大概的位置都已经心里有数，不过在写样式的时候也不太可能每次都能记得住正确的位置，特别是像我这种没啥记性的人，总免不了开着PS，时不时的量一下。更让我烦恼的是，原本性能就不高的电脑，开着个PS后运行起来就更慢了（至少一半内存被PS占用），而这时的PS只是用来量位置，真是有点大才小用了。

很巧在网上逛的时候看到了 赵玉开 写的一个 Css背景图合并工具 ，这个工具可以把许多的小图片合并成一张大图并生成样式，蛮不错的想法，只是并不真正实用。为什么这么说呢？因为一般情况下我们不会先切出小图再合并，这不符合工作习惯，我们大多数是在PS里直接保存合并后的图片，因为还有一个图片质量的问题。

受此启发，我写了下面这个工具 bg2css_v3.2.1.air

目前版本是3.2.1，基本上已经可以正常使用，主要是想减少使用CSS Sprites技术时测量坐标及填写background-position定位这部分重复而枯燥的时间，提高工作效率。

需要AIR环境，可到 Adobe站点下载安装。