HTML：嵌入没有base64压缩的二进制图像

Question

我有一个工具可以生成“独立”的HTML页面，其中包含嵌入的图像。

我使用 base64 编码使用图像的二进制表示并且它可以工作，但是当HTML页面中有很多这样的图像时，它需要10秒而直到！任何东西！显示在浏览器上。但实际上，在加载所有内容之前，没有会显示，而不像带有URL定向图像的页面，其中图像被加载而页面的其余部分已经显示。

回答以下一个或多个问题对我有用：

1. 你知道一种方法告诉浏览器在显示页面的其余部分时加载图像，就像对带有URL的图像一样吗？
2. 你知道加速解码的方法吗？
3. 您是否知道另一种方式（否则为base64）在HTML页面中表示二进制数据，与base64相比压缩较弱，或者根本没有压缩，因此浏览器可以更快地解码？

谢谢！

Answer 1

最后自言自语....

再次引入问题：

• 有很多嵌入式二进制图像，需要花费大量时间来解码所有这些图像
• 当JavaScript代码正在运行（和解码）时，屏幕上不会刷新任何内容。你必须等到一切都完成了

解决方案（您可以将其称为解决方法）：

• 不时延迟脚本，使用JavaScript函数setTimeout()让这些延迟逐步更新HTML。

这样我可以在第一个 ~10秒开始浏览我的HTML文档，同时逐步加载图片