對前端工程師來說,雪碧圖的制作是必須掌握的一門技能,這里主要介紹雪碧圖的制作和使用!
一、雪碧圖制作
網站的內容如下:
通過點擊左側,我們可以選擇一個文件夾,將我們希望合成雪碧圖的文件夾選中,然后就自動生成了,比如,我們選擇下面的文件夾:
然后就會生成雪碧圖:
可以看到,在右側已經生成了雪碧圖,而在左側也已經把每一個小圖片的css寫好了,這樣,我們就可以直接使用了。
參考文章:https://juejin.im/post/58eb062861ff4b006b576d9c