为动态图像生成 CSS 精灵

2024-04-21

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

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

有什么建议么?


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

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为动态图像生成 CSS 精灵 的相关文章