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

时间:2013-06-25 02:40:13

标签: html http base64 wysiwyg data-url

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

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

有人可以告诉我为什么吗?

1 个答案:

答案 0 :(得分:2)

当您嵌入图片时,页面大小会增加太多:

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

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