Skip to content
Related Articles

Related Articles

Improve Article
Node Jimp | pixelate
  • Last Updated : 22 Feb, 2021

Introduction : The pixelate() function is an inbuilt function in Nodejs | Jimp which applies pixelation effect over an image or region. 
 

Syntax: 

pixelate(size, x, y, w, h, cb)

Parameter: 

  • size – This parameter takes the size of the pixels.
  • x – This parameter takes the x position of the region to pixelate.
  • y – This parameter takes the y position of the region to pixelate.
  • w – This is an optional parameter which takes the width of the region to pixelate.
  • h – This is an optional parameter which takes the height of the region to pixelate.
  • cb – This is an optional parameter which is invoked when compilation is complete.

Input Images: 
 



 

Setup Environment : 

npm init -y

Install Dependencies : 

npm install jimp

Example 1: 
 

javascript




//npm install --save jimp
//import jimp library to the environment
var Jimp = require('jimp');
 
//User-Defined Function to read the images
async function main() {
  const image = await Jimp.read('../gfg.png');
// pixelate function
  image.pixelate(5)
  .write('pixelate1.png');
}
 
main();
  console.log("Image Processing Completed");

Output: 
 

Example 2: With size, x, y, w, h and cb (optional parameters) 
 

javascript




//npm install --save jimp
//import jimp library to the environment
var Jimp = require('jimp');
 
//User-Defined Function to read the images
async function main() {
  const image = await Jimp.read('../gfg1.png');
//pixelate function using callback function
  image.pixelate(5, 40, 50, 190, 200, function(err){
    if (err) throw err;
  })
  .write('pixelate2.png');
}
 
main();
  console.log("Image Processing Completed");

Output: 
 

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




My Personal Notes arrow_drop_up
Recommended Articles
Page :