精灵图的原理以及优点和缺点

1> 原理: 把网页中的一些背景图片整合到一张图片文件中, 利用backgroun-position等属性进行背景定位
1> 优点:
<1> 减少http请求, 加快网页的加载速度, 提高用户体验
<2> 减少图片的体积, 减少字节数
<3> 解决设计师图片命名的烦恼
<4> 更换风格方便
2> 缺点:
<1> 开发时需要测量, 比较繁琐
<2> 维护的时候麻烦
<3> 精灵图不能随意改变大小和位置
<4> 宽屏高分辨率的屏幕下, 容易出现背景断裂

转载于:https://www.cnblogs.com/haoouba/p/11221087.html