CSS图像合并

CSS图像合并(Image sprites)技术也叫精灵图, 被运用于众多使用大量小图标的网页应用之上.

它可取图像的一部分来使用, 使得使用一个图像文件替代多个小文件成为可能.

相较于一个小图标一个图像文件, 单独一张图片所需的HTTP请求更少, 对内存和带宽更加友好

使用:

1. 将所有图片合并在同一张图片里
2. 使用background-position精确的定位出图片位置