雪碧图原理
1.雪碧图原理
是CSS一种头图像合成技术,该方法是将所有的小图标拼接到一张图片上,然后利用图片的背景定位来显示需要现实的部分。
2.使用场景
1)静态图,不随用户的信息的变化而变化
2)下图片,图片容量比较小
3)夹在两比较大的图片
3.使用雪碧图,可以减少http请求,加速显示内容,
4.雪碧图的制作方式
1.利用PS进行手工拼接
2.sprite(雪碧图)软件工具来自动生成
ps:简单来说就是把一个页面的所有图标拼成一个大的图片 然后页面加载时只需加载一张图片就够 使用特定的图标时 依靠调整背景位置显示自己所需要的图标