How to check an image dimensions using js or node

Question

So I have a sample.jpg file and I want to check its dimensions.

The desired logic goes like this:

var img = require('./sample.jpg');
console.log(typeof img) // returns string -> Image
console.log(img.height) // returns number -> 300
console.log(img.width)  // returns nubmer -> 250

Never mind the return of the typeof. I just wan't to get the dimensions. But that is the simple break down of what where I am going. Is there a way to do this using node or plain js?

Answer 1

You can use image-size npm module:

npm install image-size --save

Then can get dimentions like this:

var sizeOf = require('image-size');
var dimensions = sizeOf('./sample.jpg');
console.log(dimensions.width, dimensions.height);

For more information go through image-size documentations

Answer 2

You can use GraphicsMagick or ImageMagick. I recommend GraphicsMagick as it's lot faster.

Install the npm package gm and use like this:

gm = require('gm');

// obtain the size of an image
gm('test.jpg')
.size(function (err, size) {
  if (!err) {
    console.log('width = ' + size.width);
    console.log('height = ' + size.height);
  }
});

Answer 3

You can use jpeg-js.

From their docs:

var jpeg = require('jpeg-js');
var jpegData = fs.readFileSync('grumpycat.jpg');
var rawImageData = jpeg.decode(jpegData);
console.log(rawImageData);

Answer 4

You can use this using JS (only works in browser)

 var img = new Image();
 img.src = './sample.jpg';
 console.log(img.height);
 console.log(img.width);

For node, you can install canvas library.