动态Sprite图像在内存中生成

Question

我有一个webApplication，它以表格形式显示用户记录（一次200行）。 问题是这些行包含多个图像，并且根据请求URL对其进行服务，这导致每个图像生成一个请求，从而导致性能下降。

题：

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

Answer 1

一种可能性是将图像生成为数据URI 。 这将包括响应中的所有图像数据，这些图像数据可随时由浏览器显示，而无需发出其他请求。

即，而不是普通的HTML页面

<img src="http://myserver.com/img/123.png"/>这将创建对服务器的请求，您可以将数据直接作为<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 9TXL0Y4OHwAAAABJRU5ErkJggg==" />

如果您对此还不满意，那么最后的选择是将所有图像打包为一个大图像，将其加载到屏幕外并使用CSS技巧来获取要显示的大图像的一部分。

如果一切都失败，得到了比较强大的服务器，他们不贵 。