如何將高分辨率圖像轉換爲低分辨率圖像？

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，因爲它是'即插即用'的解決方案，它的記錄非常好。