如何压缩图片并编码为文本以最小体积通过网络传输？

• 核心结论：先对图片的二进制数据进行gzip压缩，再将压缩后的二进制结果转为Base64字符串，这是实现最小体积文本传输的正确路径。
• 为什么不能先Base64再压缩？
  • Base64会把二进制数据转成文本格式，体积直接膨胀约33%，此时再用gzip压缩，压缩效率远低于直接压缩原始二进制图片——哪怕是JPEG、PNG这类已压缩格式的图片，gzip仍能对冗余部分进一步优化，但先转Base64会破坏二进制的紧凑性，大幅削弱压缩效果。
• 关于gzip缓冲区的疑问：
  • gzip本质是处理二进制数据的算法。如果先做Base64编码得到字符串，压缩时底层还是会把字符串转成二进制缓冲区再处理，多了一次无意义的转换，完全没必要。

发送端：压缩图片并转Base64 #

const fs = require('fs');
const zlib = require('zlib');

// 读取本地图片的二进制数据
fs.readFile('./target-image.jpg', (err, rawImageBuffer) => {
  if (err) throw err;

  // 对原始二进制图片做gzip压缩
  zlib.gzip(rawImageBuffer, { level: zlib.constants.Z_BEST_COMPRESSION }, (err, compressedBuffer) => {
    if (err) throw err;

    // 将压缩后的二进制转为Base64字符串，用于网络传输
    const compressedBase64 = compressedBuffer.toString('base64');
    console.log('可传输的Base64字符串:', compressedBase64);

    // 此处可将compressedBase64通过HTTP、WebSocket等方式发送
  });
});

接收端：解码Base64并解压还原图片 #

const zlib = require('zlib');
const fs = require('fs');

// 假设从网络接收到的Base64字符串
const receivedBase64 = '...'; // 替换为实际接收到的内容

// 将Base64转回二进制压缩数据
const compressedBuffer = Buffer.from(receivedBase64, 'base64');

// 解压还原原始图片二进制数据
zlib.gunzip(compressedBuffer, (err, rawImageBuffer) => {
  if (err) throw err;

  // 保存还原后的图片到本地验证
  fs.writeFile('./restored-image.jpg', rawImageBuffer, (err) => {
    if (err) throw err;
    console.log('图片已成功还原');
  });
});

• 对于BMP这类未压缩的图片，gzip的压缩收益会非常显著；对于JPEG、PNG这类已压缩格式，gzip仍能带来一定的体积优化，且最终体积必然小于先Base64再压缩的结果。
• 可以通过调整zlib.gzip的level参数（从Z_NO_COMPRESSION到Z_BEST_COMPRESSION），在压缩速度和体积之间做权衡。

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