Get an array of pixels from an image file using node.js

Question

Is it possible to get an array of RGB values from a local image file using node.js? I'm trying to write a script that takes a file path as its parameter and returns an array that represents the pixel data.

function getPixelArray(filePath){
    //return an array of RGB values that correspond to the image
}

Possible duplicate: http://stackoverflow.com/questions/11247790/reading-a-png-image-in-node-js — Anderson Green, Sep 05 '12 at 19:23

Michael Yurin · Answer 1 · 2019-10-24T11:13:07.823

29

You can try https://www.npmjs.com/package/jimp This could be useful:

Jimp.read("http://www.example.com/path/to/lenna.jpg", function (err, image) {
    image.getPixelColor(x, y); // returns the colour of that pixel e.g. 0xFFFFFFFF
});

To get RGB you can use:

Jimp.intToRGBA(hex); // e.g. converts 0xFFFFFFFF to {r: 255, g: 255, b: 255, a:255}

edited Oct 24 '19 at 11:13

answered Jan 04 '17 at 09:37

Michael Yurin

1,021
14
18

9

*And use **`image.bitmap.data`** to get a **Buffer of the raw bitmap data**.* – Mir-Ismaili Feb 05 '20 at 03:05

score 8 · Accepted Answer · answered Sep 05 '12 at 16:46

8

If your image is in PNG format, have a look at https://github.com/devongovett/png.js/

answered Sep 05 '12 at 16:46

Maciej

578
4
12

Is it also possible to save the pixel data as a file (using some other node.js library)? I'd like to modify the array of pixel data, and then save it as a png image again. – Anderson Green Sep 28 '12 at 17:29
Also, is there any way to obtain the image width and height using png-js? – Anderson Green Jan 13 '13 at 07:39
4

how about without a library? – B''H Bi'ezras -- Boruch Hashem Jan 31 '20 at 01:56

Get an array of pixels from an image file using node.js

2 Answers2

Linked