如何将高分辨率图像转换为较低的图像？答案

【问题标题】：How to convert a high resolution image into a lower one?如何将高分辨率图像转换为较低的图像？
【发布时间】：2017-07-01 04:17:49
【问题描述】：

在我的页面中，我有一个模块，我可以在其中上传图片，然后将它们显示在 2 个地方。

最近我做了一个工作，在一个地方只显示低分辨率的图像，在另一个地方显示相同的上传图像。为此，我必须存储 2 张图像，一张用于高分辨率（上传的实际图像），另一张用于低分辨率（转换后的图像）。我正在使用 Node.js。

谁能建议我帮助将图像转换为低分辨率？

【问题讨论】：

显示您尝试过的方法以及您认为它如何不起作用。

标签： javascript node.js image

【解决方案1】：

如果你想在后端调整图片大小，你可以使用：

https://www.npmjs.com/package/imagemagick

来自文档：

var im = require('imagemagick');
im.resize({
  srcPath: 'kittens.jpg',
  dstPath: 'kittens-small.jpg',
  width:   256
}, function(err, stdout, stderr){
  if (err) throw err;
  console.log('resized kittens.jpg to fit within 256x256px');
});

如果你想在前端调整大小，可以使用 Canvas，见：

https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API

【讨论】：

【解决方案2】：

ImageMagick 很难使用且安装复杂。

我绝对建议使用：https://github.com/lovell/sharp，因为它是“即插即用”的解决方案，而且记录得非常好。

【讨论】：