html - 为动态图像生成 CSS Sprite

标签 html css css-sprites sprite

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

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

有什么建议吗?

最佳答案

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

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

关于html - 为动态图像生成 CSS Sprite ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2145614/

相关文章:

可变尺寸的CSS中心裁剪图像

html - 使用 Spotify webAPI 播放艺术家 (ID) 的随机专辑

html - 带有不透明边框的半透明背景色

html - 删除 html div 上方的空白并将其居中

css - 下拉菜单问题(二)——HTML5 & CSS

css - 在悬停时修复 CSS Sprite

jquery - 鉴于这些要求,我应该如何构建我的 HTML5 list ?

javascript - 在 Html 中单击列表 (li) 项目不适用于 jquery

jquery - 单击 Angular 链接后添加/删除类

html - Accordion 链接影响子 anchor 链接