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

Question

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

最近我做了一项工作，只显示一个地方的低分辨率图像和另一个地方的相同上传图像。为此，我必须存储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，因为它是'即插即用'的解决方案，它的记录非常好。