CSS图像精灵的建议

我在一个类似于谷歌事件日历的应用程序上工作。 应用程序的名称是我的团队活动日历。 使用jQuery完整日历插件开发了这个。 在日历中，每天我都会显示我的哪个团队成员不在办公室（是在家工作/生病/休假的员工）

对于每个离开办公室的状态，我都有一个图标，显示它的用途。 我大约有72个离开办公室的状态，这将从数据库中获取图标源\ 我有所有72个STAUT，其关联图像图标源在db中为“images/pill.png” 每次，我都会从服务器上获取关于团队的信息。每天，我都会获取团队成员的姓名、外出状态以及与状态关联的图像

考虑一下，如果我的日历整整31天都是满的，那么我每天大约有10名员工。对于每个离开办公室的状态，我都会得到一个图像（这意味着许多http请求离开办公室状态的图像图标）

你能建议维护css图像精灵好吗？但我有一个缺点，在任何时候，一个新的休假类型都可以添加新的图像图标，这会立即改变图像精灵。（维护/修改图像精灵不是那么容易）

---

如果不是图像精灵，请您提出一个更好的解决方案，如果我正确理解您的场景，这将是一个使用精灵的好地方。一组大的小图像是一个理想的用例，使用单个sprit将显著减少HTTP流量。最初，精灵可能看起来有点开销，但一旦你习惯了它，它就不坏了，而且它的性能非常值得花上额外的几分钟来创作精灵

为精灵准备一个PSD（或其他原始源）。当您需要进行编辑时，添加新图标等，然后更新PSD并导出新的sprite PNG

另一个要考虑的选项是图标字体。您可能会看到类似于引导或类似工具的东西。图标字体有很多优点，主要是可扩展性和彩色化。不过，如果你不需要，精灵就可以正常工作