Javascript 当Base64编码图像嵌入到包含html的丰富电子邮件中时，图像大小减小

我正在编写代码，以生成作为邮件内容的富文本html作为eml文件

我关注了以下链接：

复制此问题的JsFiddler是：

代码：

（功能（）{
调试器
var textFile=null，
makeTextFile=函数（文本）{
调试器
var data=newblob（[text]，{type:'text/plain'}）；
if（textFile！==null）{
window.URL.revokeObjectURL（文本文件）；
}
if（window.navigator&&window.navigator.msSaveOrOpenBlob）{
window.navigator.msSaveBlob（数据'message.eml'）；
}否则{
textFile=window.URL.createObjectURL（数据）；
var link=document.getElementById（'downloadlink'）；
link.href=textFile；
link.click（）；
}   
};
var create=document.getElementById（'create'），
textbox=document.getElementById（'textbox'）；
create.addEventListener（'click'，函数（）{
makeTextFile（textbox.value）；
}，假）；
})();

到目前为止，我的html呈现和eml文件下载

然而，问题是我的html中有一个Base64编码的图像，当生成eml文件时，它的大小会减小

下面是eml文件和html的屏幕截图。

请建议解决此问题的任何输入

<script>
(function () {
debugger

var textFile = null,
  makeTextFile = function (text) {
  debugger
    var data = new Blob([text], {type: 'text/plain'});
    if (textFile !== null) {
      window.URL.revokeObjectURL(textFile);
    }
    if (window.navigator && window.navigator.msSaveOrOpenBlob) {
    window.navigator.msSaveBlob(data, 'message.eml');
    } else {
    textFile = window.URL.createObjectURL(data);
    var link = document.getElementById('downloadlink');
    link.href = textFile;
    link.click();   
    }   
  };

  var create = document.getElementById('create'),
    textbox = document.getElementById('textbox');
  create.addEventListener('click', function () {
     makeTextFile(textbox.value);
  }, false);
})();
</script>