在一个会话中发送到客户端的多个图像

Question

在浏览器中加载图像时，在客户端和发送此图片的服务器之间会发生所谓的握手。 然后，对于客户端下载的每张图片都会进行此握手因此，如果您有许多图像，下载它们会变慢，主要是因为客户端和服务器总是重新构建此握手过程。这会降低连接速度，尤其是在Ipad上。有一些方法可以解决这个问题，例如只发送一个大图像，然后使用该图像中的剪辑，就像它们是单个图像一样。但是这会使代码变得混乱等等。这使事情变得复杂。

有没有办法通过一次握手将多个图像发送到客户端，从而避免了这种剪切过程以及客户端 - 服务器通信开销？

Answer 1

您可以对其进行base64编码并通过javascript发送。预计大小将增加4/3。

此处显示了一个示例：

http://www.sweeting.org/mark/blog/2005/07/12/base64-encoded-images-embedded-in-html