spritesheet是否使用整个工作表的资源或仅使用从中加载的资源？

Question

我觉得这是一个愚蠢的问题，因为我很确定spritesheet使用整个工作表的内存，但我只是想100％肯定，无法找到答案。对于一个html项目，我想要“智能”并尽可能少地提出http请求，所以我创建了一个2048x2048图像，只有大约150x150没有使用，这实际上很棒，因为它可以让我在其中添加其他图像未来如果我需要的话。

问题是，在购买和配置服务器后，我担心如果很多人同时连接，服务器会为更大的spritesheet使用更多的内存？我只在任何给定时间使用精灵表中10％的图像，当它们改变时，之前的图像会被替换。那么制作一个大文件对我来说是愚蠢的吗，它会无缘无故地使用额外的内存吗？这里的经验法则是，对于总是被加载的图像使用大的精灵表，然后将剩余部分拆分成仅在特定时间使用的较小的精灵表吗？

Answer 1

要回答您的问题，是的，整张表都会加载到内存中。

然而，只有一次。

每个CSS仅显示精灵的一小部分。

理论上：当您从一个页面移动到另一个页面时，一个大图像已经在缓存中而不是再次从服务器请求。使下一页加载速度更快。

关于缓存v / s还有更多的请求数量v / s图像的组合大小将进入更完整的答案。