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

标签 html image web base64 embed

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

我使用 base64 编码对图像进行二进制表示并且它有效,但是当 HTML 页面中有很多这样的图像时,它需要 10 秒,直到 !anything!显示在浏览器上。但实际上,在加载所有内容之前什么都不会显示,这与带有 URL 定向图像的页面不同,在这些页面中图像已加载,而页面的其余部分已经显示。

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

  1. 您是否知道一种方法可以告诉浏览器在显示页面其余部分的同时加载图像,就像处理带有 URL 的图像一样?
  2. 你知道加速解码的方法吗?
  3. 您是否知道另一种在 HTML 页面中表示二进制数据的方法(除 base64 之外),与 base64 相比,它具有较弱的压缩,或者根本不压缩,因此浏览器可以更快地对其进行解码?

谢谢!

最佳答案

终于回答了我自己....

那么再次引入问题:

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

解决方案(您可以称之为解决方法):

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

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

关于HTML:嵌入没有 base64 压缩的二进制图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22533285/

相关文章:

javascript - 使用 Raphael.js 库将文本和图像一起移动..??

javascript - 灯箱图片都是黑白的

web - 如何使用 WWW::Mechanize 通过 POST 登录并接受 cookie 并浏览网站?

android - 如何制作一个可以与我的 Android 手机通信的网络服务器?

python - 如何从Python服务器将谷歌语音识别结果发送到Web客户端

html - 相关服务和 Controller AngularJS 错误 : Unknown provider: myservicesProvider <- myservices

javascript - 在action.php 的表单之外定位按钮?

html - 如何让 HTML 页脚在不固定或不使用 JS 的情况下占据页面的剩余高度?

javascript - Onload Javascript/jQuery 无法在 HTML 中工作

python - 我如何使用 Python 缩略图