如何使用Sharp/Node.js旋转图片且不增大文件体积

核心原因 #

体积暴涨本质是两个原因导致的：

1. Windows自带照片应用的旋转默认仅修改图片EXIF中的Orientation方向标记，完全不重编码像素数据，因此体积不会发生任何变化；而你当前调用的rotate()方法属于硬旋转，会重新排列所有像素后再次编码输出。
2. Sharp默认的编码参数质量高于你的原图压缩等级，重编码后自然会出现体积膨胀，若原图是高压缩低质量的图片，体积甚至会涨到原大小的数倍。

最优实现方案（完全匹配Windows旋转效果，无体积变化） #

直接修改EXIF方向标记，不修改像素数据，旋转前后文件体积完全一致，转回原始朝向时和原文件100%匹配：

// 方向参数枚举：1=原始朝向, 6=顺时针旋转90°, 3=旋转180°, 8=逆时针旋转90°
await sharp(filepath)
  .withMetadata({
    orientation: 6
  })
  .toFile(output, rotateImgCallback);

该方案的兼容性覆盖99%的常用场景：Windows/macOS系统相册、手机相册、主流浏览器、各类图片编辑工具均支持识别EXIF方向标记。

备选方案（必须硬旋转像素场景） #

如果你的使用场景需要兼容不支持EXIF方向的老旧设备，必须硬旋转像素，可通过匹配原图编码参数控制体积：

const image = sharp(filepath);
const metadata = await image.metadata();

// 复用原图的压缩质量，无值时可根据自己的接受度设置60-80区间的默认值
const encodeQuality = metadata.quality || 70;

await image
  .rotate(90)
  // 对应你的图片格式设置编码参数，以下为JPG示例，PNG可替换为png()配置
  .jpeg({
    quality: encodeQuality,
    mozjpeg: true, // 开启mozjpeg优化，同等质量下体积降低约20%
    optimiseCoding: true
  })
  .toFile(output, rotateImgCallback);

该方案旋转回原始朝向时，只要编码参数和原图完全一致，体积误差可控制在5%以内。

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