Как преобразовать изображение с высоким разрешением в нижний?

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'); 
}); 

Если вы хотите изменить размер на frontend, вы можете использовать холст, см .:

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

Answer 2

ImageMagick довольно сложно работать с сложной установкой.

Я определенно предлагаю использовать: https://github.com/lovell/sharp, так как это «подключи и работай», и это действительно хорошо документировано.