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

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

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

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


假设有一张雪碧图:

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

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

 

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

发布了356 篇原创文章 · 获赞 67 · 访问量 14万+

猜你喜欢

转载自blog.csdn.net/qq_39969226/article/details/104733772