html - 为什么不在 WYGIWYS 编辑器中将图像作为 base64 字符串嵌入

标签 html http base64 wysiwyg data-url

现在想在我的网站上添加一些所见即所得的编辑器。由于管理文件上传的不便(需要做几个小时的工作),我想找一些编辑器,能够编辑文本并在其中嵌入图像 <img src="data:image/jpeg;base64,STUFFSTUFFSTUFFHERE" - 数据 URL。

我没有找到这样的编辑器,所以现在我在想,可能有某种目的,使这种图像处理方式无法传播。

谁能告诉我为什么?

最佳答案

当您以这种方式嵌入图像时,页面大小会增加太多:

  • 编码后的图像不是作为单独的资源而是随 HTML 一起发送的, 所以加载 HTML 的时间增加了(我说的是 DOM 就绪与整页加载)。
  • 无法缓存这些图像,因此第二次访问该页面使用与第一次访问相同的带宽。

只有这两个论点应该足以理解为什么最好使用单独的文件,除非你在 css 中谈论小图像或其他你知道嵌入图像更好的特定目的

关于html - 为什么不在 WYGIWYS 编辑器中将图像作为 base64 字符串嵌入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17288290/

相关文章:

html - 如何制作这样的边框

html - 我怎样才能在我的 <nav> 的 100% 中公平地分配我的 Bootstrap 菜单?

angularjs - 如何为整个项目添加一个通用加载器或进度条

android - 网址打开连接

javascript - 使用 JavaScript 解码图像

c# - Base64 解码带有 ISO-8859-1 字符集的字符串并将其保存到 NSData

javascript - 无法在新窗口中打开 JavaScript 搜索引擎结果

javascript - 如何通过单击按钮关闭折叠

java - 如果指定端口,HttpGet 将返回 500 错误

javascript - Google Apps 脚本相当于 PHP 的 hash_hmac() 并具有原始二进制输出?