雪碧圖製做、使用的幾種方式！

　　對前端工程師來講，雪碧圖的製做是必須掌握的一門技能，這裏主要介紹雪碧圖的製做和使用！ 

　　

1、雪碧圖製做

　　在線生成雪碧圖網站

　　網站的內容以下：

經過點擊左側，咱們能夠選擇一個文件夾，將咱們但願合成雪碧圖的文件夾選中，而後就自動生成了，好比，咱們選擇下面的文件夾：

 

 

而後就會生成雪碧圖：

能夠看到，在右側已經生成了雪碧圖，而在左側也已經把每個小圖片的css寫好了，這樣，咱們就能夠直接使用了。

 

 

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