css sprite 雪碧图

版权声明：本文为博主原创文章，未经博主允许不得转载 https://blog.csdn.net/qq_39197547/article/details/82783586

特点：

1.静态图片，不随用户信息的变化而变化

2.小图片，图片容量比较小

3.加载量比较大

一些大图不建议拼接成雪碧图

有效的减少http请求，加速内容的显示

我们每请求一次，就会和服务器连接一次，而建立连接是需要额外的时间的

css sprite实现原理

css background-position

拼合背景图的小图（x，y）为负值

实现方式：

ps手拼图，使用sprite工具自动生成-----CssGaga

https://www.99css.com/1524/  从下载安装到使用