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

Question

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

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

回答以下 1 个或多个问题对我很有帮助：

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

谢谢！

Answer 1

终于回答自己了....

所以再次引入问题：

• 嵌入的二进制图像很多，全部解码需要很长时间
• 当 JavaScript 代码运行（和解码）时，屏幕上没有任何内容被刷新。你必须等到一切都完成

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

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

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