前端 —— 精灵图和切图的办法
1.什么是精灵图
在前端中为了减少服务器的请求次数，我们有时候会使用精灵图。也就是把很多小图标结合在一张图上，使用的时候直接去上面切。这样会减少图片加载时间，就加载一张图片就行了。一般可以使用fireworks软件，这里我介绍两种其他的方式。这里展示的是王者荣耀的精灵图。
2.切图方法一：网站
之前得到的一个用着很舒服的网站：http://www.spritecow.com/ 戳我前往
我就小介绍一下这个网站怎么使用。网站点开后，是这样子，点击open。
打开你要切的精灵图：
然后在你准备切的图标那里用鼠标画出轮廓，下面就会显示X,Y位置和图片大小。然后就在你的代码上写上位置就好了。
然后就在你的代码上写上位置就好了，就能显示出来了。
但是有时候会不好切，那个会自动定义图标大小，这时候就可以使用PS来切图。
3.切图方法二：PS切图
用PS切图会稍微麻烦一点点。先用PS打开图片，点窗口打开图片信息，或者点右边的“!”打开信息。
接着用框框，选中要切的图 ，把鼠标放在左上角，就能得到切图的位置。这个除了要手动鼠标比对一下，还是挺方便的。