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

Question

在我的页面中，我有一个模块，我在其中上传图像，然后在2个位置显示它们。

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

有人可以建议我帮助将图像转换为低分辨率吗？

Answer 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

Answer 2

ImageMagick很难处理和复杂的安装。

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