网址:
https://www.toptal.com/developers/css/sprite-generator:
该网站用于将多个png图片拼接成一张图片,尤其适用于制作背景精灵图
背景精灵图:将多个图标类的图片以png的形式拼合在同一张图上,在页面上则可以使用bg的形式,通过bg_position展现出来,这样可以大幅度提升加载性能,推荐使用。
效果好不好,谁用谁知道
再补充一点:在网站上经常会看到鼠标经过某个icon会变成另一个图的现象,原理其实也是跟背景精灵一样,
“鼠标经过时,通过改变其bg_position,再加上h5过渡效果即可。”