Azure Функции, размер уменьшенного изображения больше, чем оригинальное изображение

Question

Я использовал эту статью Background image thumbnail processing with Azure Functions and NodeJS для создания уменьшенного изображения. Изображение было создано успешно. Но размер изображения был увеличен. Как это может произойти? Это должно быть очень мало? Как я могу решить эту странную проблему?

Это Исходное изображение на хранение Blob

После процесса (миниатюрное изображение)

Это является функцией Лазурное (узел):

var Jimp = require("jimp"); 

module.exports = (context, myBlob) => { 

    // Read image with Jimp 
    Jimp.read(myBlob).then((image) => { 

     // Manipulate image 
     image 
      .resize(200, Jimp.AUTO) 
      .greyscale() 
      .getBuffer(Jimp.MIME_JPEG, (error, stream) => { 

       // Check for errors 
       if (error) { 
        context.log(`There was an error processing the image.`); 
        context.done(error); 
       } 
       else { 
        context.log(`Successfully processed the image`); 

        // Bind the stream to the output binding to create a new blob 
        context.done(null, stream); 

       } 

      }); 

    }); 

}; 

Answer 1

Я нашел решение для этого.

качество по умолчанию для JPEGs 100. Вы должны установить это к чему-то нижней, чтобы получить сжатие:

Вы можете прочитать об этом здесь: Image is resized down and gets bigger file size

Я должен установить .quality(50) как показано ниже. Эта проблема только с JPEGs.

var Jimp = require("jimp"); 

module.exports = (context, myBlob) => { 

    // Read image with Jimp 
    Jimp.read(myBlob).then((image) => { 

     // Manipulate image 
     image 
      .resize(200, Jimp.AUTO) 
      .greyscale() 
      .quality(50) // set the quality for JPEGs 
      .getBuffer(Jimp.MIME_JPEG, (error, stream) => { 

       // Check for errors 
       if (error) { 
        context.log(`There was an error processing the image.`); 
        context.done(error); 
       } 
       else { 
        context.log(`Successfully processed the image`); 
        // Bind the stream to the output binding to create a new blob 
        context.done(null, stream); 

       } 

      }); 

    }); 

};