动态精灵图像生成在memeory中

Question

我有一个webApplication，它以表格格式显示用户记录（一次200行）。问题是这些行包含多个图像，它们是根据请求URL提供的。这会导致每个图像生成一个请求，从而导致性能下降。

问题：

  

是否可以为动态图像创建spriteImage？我正在寻找一些我可以使用的东西，以便在运行时将这些图像聚合成一个精灵而不将其存储到磁盘中。

Answer 1

一种可能性是将图像生成为Data URIs。这将包括响应中的所有图像数据，准备好由浏览器显示而不会发出其他请求。

即。而不是您有

的普通HTML页面

<img src="http://myserver.com/img/123.png"/>会向服务器创建请求，您可以直接在页面中包含数据 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 9TXL0Y4OHwAAAABJRU5ErkJggg==" />

如果您对此不满意，最后一个选项是将所有图像聚合成一个巨大的图像，在屏幕外加载并使用CSS技巧来抓取要显示的大图像的部分。

如果所有其他方法都失败了，那就得到一台更强大的服务器，他们 。