首页 > 代码库 > 雪碧图制作、使用的几种方式!

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

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

  

一、雪碧图制作

  在线生成雪碧图网站

  网站的内容如下:

技术分享

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

 技术分享

 

然后就会生成雪碧图:

技术分享

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

 

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