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

Posted 2020-09-20 Wayne Zhu

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

　　

一、雪碧图制作

　　在线生成雪碧图网站

　　网站的内容如下：

通过点击左侧，我们可以选择一个文件夹，将我们希望合成雪碧图的文件夹选中，然后就自动生成了，比如，我们选择下面的文件夹：

 

 

然后就会生成雪碧图：

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

 

 

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