html - 为动态图像生成 CSS Sprite

Question

我有一个网页，其中包含大约 20 - 50 个动态图像(从非静态源提供的图像)。这些图像通过基于请求 URL 的 servlet 提供。这会导致为每个图像生成一个请求，从而导致性能下降。

如果这些图像是静态的，我会创建一个 CSS Sprite 并将 50 个请求替换为一个请求。由于它们是动态的，这当然不是那么容易。我正在寻找一种我可以使用的工具/库/方法，以便在运行时将这些图像聚合到一个 Sprite 中。幸运的是，图像大小是恒定的，并且对所有人都是一样的，这应该会使这更容易。

有什么建议吗？

Answer 1

您可以检查并尝试使用 jawr ( https://jawr.dev.java.net/) 库在 servlet 上生成/修改(也压缩、合并)css 文件。它可以选择动态更改背景图像。您可以安排 bundle 来切换 css 文件以更改皮肤。

优点:您还可以管理和安排您的 .js 文件!