使用Sharp在Node.js中水平分割图片出现体积损耗问题

Sharp在处理并保存JPEG图片时，默认使用质量80的有损压缩算法，同时可能调整色度子采样设置。你的原图片10MB，说明它的压缩质量更高（比如接近无损的质量100）或采用了更低压缩比的配置，分割后的图片使用默认压缩参数，因此体积出现明显缩减。

通过读取原图片的元数据，提取其原始压缩质量和色度子采样设置，在保存分割后的图片时复用这些参数，就能最大程度保持原图片的体积和画质：

const imagePath = "./images/x.jpg";

sharp(imagePath)
  .metadata()
  .then((metadata) => {
    const splitHeight = Math.floor(metadata.height / 2);
    // 提取原图片的JPEG配置参数
    const jpegOptions = {
      quality: metadata.quality || 100, // 优先用原质量，默认设为无损级100
      chromaSubsampling: metadata.chromaSubsampling || "4:4:4" // 保持原色度子采样格式
    };

    // 并行处理两个分割任务，确保异步流程可控
    return Promise.all([
      sharp(imagePath)
        .extract({ left: 0, top: 0, width: metadata.width, height: splitHeight })
        .jpeg(jpegOptions)
        .toFile("top-half.jpg"),
      sharp(imagePath)
        .extract({ left: 0, top: splitHeight, width: metadata.width, height: splitHeight })
        .jpeg(jpegOptions)
        .toFile("bottom-half.jpg")
    ]);
  })
  .then(() => {
    console.log("图片分割完成");
  })
  .catch((err) => {
    console.error("Error splitting the image:", err);
  });

• 如果原图片是PNG这类无损格式，Sharp默认保存时会启用压缩，此时可以用.png({ compressionLevel: 0 })关闭压缩，完全保留原始体积。
• 即使复用参数，分割后的两部分体积之和可能略小于原图片——因为原图片的元数据（如EXIF信息）会被分别存入两个文件，但这种差异通常很小。

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