如果在书中他们谈论的是 web 的图像精灵，它们是包含多个图像的图像，例如要在导航栏中使用的一系列图标。您将对“精灵”有一个 http 请求，并使用 CSS 来显示所需的图标。如果需要，您可以拥有包含给定页面的所有图像的精灵。使用它们的主要原因是减少为网站或网页下载的文件数量。

请参阅CSS 技巧文章

希望这有帮助:)

从技术上和历史上，精灵是一个动画（不是一个单独的帧）。我从未见过真正的权威引用该术语的起源，但它与扫描线优先队列和图形显示硬件有关。

sprite sheet 是一个结构良好的单个图像（通常是一系列动画帧，排列n在行和n列的网格中，但通常是具有一行和多列的网格），它允许程序以连续的方式存储所有动画数据内存并通过将指针增加一个明确定义的数量来轻松地对其进行动画处理。

与此类似的纸和铅笔是一卷带有图画的纸带，被拉到框架后面，框架的设置使得在任何给定时间只能通过框架看到一幅图画。如果你拉得足够快，你会看到一个动画。

听起来很像电影卷轴。

来自维基百科：

http://en.wikipedia.org/wiki/Sprite_%28computer_graphics%29

在计算机图形学中，精灵是集成到更大场景中的二维图像或动画。最初用于描述与视频显示器的内存位图分开处理的图形对象，该术语后来被更宽松地用于指代各种图形覆盖方式。

精灵是集成到更大场景中的二维图像或动画。精灵基本上是一个动画。使用 sprite 的主要原因是减少网站或网页下载的文件量。