我们应该在现代浏览器时代使用精灵表吗？

【问题标题】：Should we Use sprite sheet in the era of modern browsers or not?我们应该在现代浏览器时代使用精灵表吗？
【发布时间】：2018-07-12 02:14:28
【问题描述】：

我想知道在可以处理多个 HTTP 请求的现代浏览器时代，对整个站点使用单个精灵表是否仍然是最佳实践。由于大型网站的精灵表可能会变得更大，并且如果页面倾向于仅使用精灵表中的少数图像/图标，其中包含大约 100 个图像和图标。

【问题讨论】：

【解决方案1】：

在这种情况下，浏览器不是问题或解决方案。正如您所暗示的，这完全取决于下载时间和大小。这些仍然是相关的。手机的连接速度可能很慢，因此您希望限制要下载的数据量和单个文件的数量。

因此，如果网站的每个页面只使用一张大表格中的几个精灵，那么该表格可能不是最佳选择。但是，对于大多数页面上的少数精灵，您仍然可以使用工作表。

也许查看工作表本身的内容也很重要。如果所有精灵的颜色相同，您可以从中创建一个非常小的 PNG 文件。我看到网上很多图片文件都没有优化。

【讨论】：