css Sprites 雪碧图 制作与使用

css Sprites 制作与使用

1.在线制作

网站 地址：
https://www.toptal.com/developers/css/sprite-generator 

 

2. 自己下载软件

百度网盘链接地址：

https://pan.baidu.com/s/1XIAdo3int_MOsXpdgoekTg

 

两者差不多，都可以有icon具体的background-position，不用自己测量了。

 

雪碧图的优点：减少网络请求次数，提高性能。

 

总结：合并后图片大小不宜超过50K，建议大小在20K-50K之间。