为什么要用CSS精灵图

原副标题：为何要用CSS恶魔图

为何须要恶魔图？

两个网页中常常会应用领域许多小的大背景影像做为润色，当网页中的影像过多时，伺服器就会频密地转交和推送允诺相片，导致伺服器允诺阻力极重，这将大大增加网页的读取速度。

因而，为的是有效地增加伺服器转交和推送允诺的单次，提升网页的读取速率，再次出现了 CSS 恶魔控制技术（也称 CSS Sprites、CSS 希伯尼安斯）。

核心理念基本原理：将网页中的许多小大背景影像资源整合到两张马塔县中 ，这样伺服器只须要一场允诺就能了。

恶魔图（sprites）的采用

1. 恶魔控制技术主要就特别针对于RICOH采用。是把数个小RICOH资源整合到两张大相片中。

2. 那个大相片也称作 sprites 恶魔图 或是 希伯尼安斯图

3. 终端RICOH边线， 这时能采用 background-position 。

4. 终端的距是那个最终目标相片的 x 和 y 座标。特别注意网页中的座标略有不同

5. 即使通常情况下都是往上往左终端，所以值是负数。（一千万特别注意网页中的座标： x轴右边走是正逢，右边走是负数， y轴反之亦然。）

6. 采用恶魔图的这时候须要量测，每一小RICOH的大小不一和边线。

比如:

开放源码二进制崇尚无与伦比的使用者新体验，在主页尽可能的采用恶魔图，提升网页的读取速率。