Node Jimp | Color desaturate

Last Updated : 10 Apr, 2023

The desaturate modifier is an inbuilt color modifier in Nodejs | Jimp that desaturates an image to a given amount, from 0 to 100. If 100 amount is passed, it will result in a grayscale image. 

Syntax:  

image.color([
  { apply: 'desaturate', params: [value] }
]);

Parameter:  

  • value - This parameter stores the amount of darkness to apply. It takes values from 0 - 100.

Input Images: 

 


Example 1: 

javascript 
// npm install --save jimp
// import jimp library to the environment
const Jimp = require('jimp');

// User-Defined Function to read the images
async function main() {
    const image = await Jimp.read
('https://media.geeksforgeeks.org/wp-content/uploads/20190328185307/gfg28.png');
    // color function having desaturate modifier
    image.color([{ apply: 'desaturate', params: [60] }])
        .write('desaturate1.png');
}

main();
console.log("Image Processing Completed");

Output: 


Example 2: cb (optional parameters) 

javascript 
// npm install --save jimp
// import jimp library to the environment
const Jimp = require('jimp');

// User-Defined Function to read the images
async function main() {
    const image = await Jimp.read
('https://media.geeksforgeeks.org/wp-content/uploads/20190328185333/gfg111.png');
    // color function having desaturate modifier
    image.color([{ apply: 'desaturate', params: [50] }], function (err) {
        if (err) throw err;
    })
        .write('desaturate2.jpg');
}

main();
console.log("Image Processing Completed");

Output: 


Reference: https://www.npmjs.com/package/jimp

Comment

Explore