HTML5学习_day08(1)--雪碧图

雪碧图原理

1.雪碧图原理

是CSS一种头图像合成技术，该方法是将所有的小图标拼接到一张图片上，然后利用图片的背景定位来显示需要现实的部分。

2.使用场景

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

2）下图片，图片容量比较小

3）夹在两比较大的图片

3.使用雪碧图，可以减少http请求，加速显示内容，

4.雪碧图的制作方式

1.利用PS进行手工拼接

2.sprite(雪碧图)软件工具来自动生成

ps:简单来说就是把一个页面的所有图标拼成一个大的图片  然后页面加载时只需加载一张图片就够   使用特定的图标时  依靠调整背景位置显示自己所需要的图标