这边不多说,只给大家推荐使用一个工具css satyr,直接百度下这工具到处都有了哈,
直接把图片拉到这软件里会把图片拼接起来,生成后同时会生成图2类似的css定位背景图,开发就不用自己去算像素了,大大提高spirte开发的工作效率,
css spirte优点:
1、最大限度的提高了网站图片的加载时间并减少了连接次数
2、可以做成多个版本,针对屏幕加载不同的spirte图片
3、对于修改图片质量,也是非常方便的不用一一张张图片去修改图片质量只要修改一张spirte就可以了,做为网页工程师不能不把网络访问速度考虑进去,图片大小直接影响网站打开速度,尤其是做手机web app的工程师,大家都很在乎那10几kb或者上百kb的流量的,有的一张图片好几m,手机app根本用不了那么大