Javascript – How to get image size (height & width) using JavaScript

imagejavascriptjquery

Are there any JavaScript or jQuery APIs or methods to get the dimensions of an image on the page?

Best Solution

You can programmatically get the image and check the dimensions using Javascript...

const img = new Image();
img.onload = function() {
  alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

This can be useful if the image is not a part of the markup.