它基本上是一个图像，它是将不同图像放在一起形成单个图像的集合。使用图像精灵主要有两个原因：
- 由于仅使用单个图像，因此页面加载速度更快。
- 它减少了用于加载多个图像的带宽。这样消耗的数据更少。
图像精灵通常用于设计图形社交媒体栏或导航栏，同时使其更具吸引力和效率。它只是 HTML 和 CSS 中的一种方法，可以实现更有效的放置图像和设计网页的方式。
使用的图像： 
例子：
输出： 