雪碧图制做、使用的几种方式！

　　对前端工程师来讲，雪碧图的制做是必须掌握的一门技能，这里主要介绍雪碧图的制做和使用！ 

　　

1、雪碧图制做

　　在线生成雪碧图网站

　　网站的内容以下：

经过点击左侧，咱们能够选择一个文件夹，将咱们但愿合成雪碧图的文件夹选中，而后就自动生成了，好比，咱们选择下面的文件夹：

 

 

而后就会生成雪碧图：

能够看到，在右侧已经生成了雪碧图，而在左侧也已经把每个小图片的css写好了，这样，咱们就能够直接使用了。

 

 

参考文章：https://juejin.im/post/58eb062861ff4b006b576d9c