是否存在比base64更紧凑的编码方式可在纯文本日志中传输大图片？

1 替换为更高效率的二进制文本编码 #

Base64的编码效率为75%（每3字节转4字符），你可以换用效率更高的可打印字符编码，直接减少输出字符数：

• Base85/ASCII85：编码效率80%，45KB的JPEG编码后约56KB，比Base64少4KB左右，字符数减少约4000个，有多端成熟实现，通用性较好
• Base91：编码效率89%，45KB的JPEG编码后约50.5KB，比Base64少9.5KB，字符数减少近1万，压缩收益最高，适合优先选用
  如果不需要浏览器原生直接解析Data URI，优先选Base91；如果要兼顾通用性可选Base85。

2 搭配前置二次压缩减少原始体积 #

JPEG虽然已经是有损压缩格式，但仍可以通过无损优化进一步缩小体积：

• 用mozjpeg的无损优化逻辑，通常可以把普通JPEG再缩小5%~10%，45KB的文件大概率可以压到42KB以内
• 调整sharp等Node图片处理库的JPEG输出参数，关闭EXIF、缩略图等不必要的元数据，还能再省几KB的原始体积

3 优化最终输出格式降低操作成本 #

如果不需要直接粘贴到浏览器地址栏打开，建议输出带极简解码逻辑的HTML片段，代替纯Base64 Data URI，操作更方便：

1. Node流水线端：先把优化后的JPEG二进制转成Base91/Base85字符串
2. 输出时拼接一段极简HTML代码，内置对应编码的解码逻辑，把编码后的字符串嵌入到代码中
3. 取回时把整段日志内容复制保存为.html文件，双击打开就能直接看到图片，不需要手动处理Data URI

Node端输出示例（Base85版本）：

const ascii85 = require('ascii85');
const fs = require('fs');
// 读取生成的JPEG文件
const imgBuffer = fs.readFileSync('output.jpg');
// 编码为Base85
const encoded = ascii85.encode(imgBuffer).toString();
// 输出带解码逻辑的HTML片段
console.log(`<!-- 图片开始 -->
<!DOCTYPE html>
<img id="pic" />
<script>
const encodedImg = "${encoded}";
// 极简Base85解码逻辑
function decode85(str) {
  const dict = '!"#$%&\\'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\\\\]^_`abcdefghijklmnopqrstuvwxyz{|}~';
  const buf = new Uint8Array(Math.floor(str.length * 4 / 5));
  let bufIdx = 0;
  for (let i = 0; i < str.length; i += 5) {
    let chunk = 0;
    for (let j = 0; j < 5; j++) {
      chunk = chunk * 85 + dict.indexOf(str[i + j] || 'u');
    }
    for (let j = 0; j < 4; j++) {
      buf[bufIdx++] = (chunk >>> (24 - j * 8)) & 0xff;
    }
  }
  return buf;
}
const blob = new Blob([decode85(encodedImg)], {type: 'image/jpeg'});
document.getElementById('pic').src = URL.createObjectURL(blob);
</script>
<!-- 图片结束 -->`);

4 适配日志限制的额外优化 #

如果流水线日志有单行长限制，可以把编码后的字符串按每行1000字符拆分，每行前缀加行号，避免日志系统自动截断，取回后按行号排序拼接即可。

内容的提问来源于stack exchange，提问作者Jayleaf