雪碧图&&合成工具

推荐使用的雪碧图合成工具

https://www.toptal.com/developers/css/sprite-generator

选择图片放进去，会自动帮助你生成矢量图和获取矢量图图片定位的代码，方便又好用！！

还有一点要注意的，矢量图的定位使用的是px固定单位，若想要改变图片的大小，最简单快捷的办法就是使用scale（）方法，即CSS3的缩放scale（）方法，它会将元素根据中心原点进行缩放，很好地且方便地调节图片的大小尺寸！！！