雪碧图/精灵图: 精准定位

对于一张雪碧图/精灵图来说,是可以帮助我们前端减少资源请求数目的,将需要的图片都归纳在一个网络请求中,这样就减少了请求数,即提高了性能。

但是,对于雪碧图的定位来说也是比较头疼的,常常需要打开PS去算。

这里推荐一个网站http://www.spritecow.com/


假设有一张雪碧图:

雪碧图/精灵图: 精准定位

假设要获取其中一个图标的位置,那么打开http://www.spritecow.com/网站后:

雪碧图/精灵图: 精准定位

选择一张雪碧图,鼠标左键拖动出一个小矩形并框住某一个小图标:

 雪碧图/精灵图: 精准定位

这样就可以知道具体位置了。