Get Real Image Size

Returns the unmodified width and height of and image. Uses naturalWidth and naturalHeight properties if supported (IE9+)

by moob

HTML

<img id="example" src="http://www.placehold.it/200/200" />

JavaScript

function getReal (DOMelement) {
    if(DOMelement.naturalWidth){
        //naturalwidth supported
        return {width: DOMelement.naturalWidth, height: DOMelement.naturalHeight};
    } else {
        //new image
        var img = new Image();
        img.src = DOMelement.src;
        return {width: img.width, height: img.height};
    }
  }
    
  var realsize = getReal(document.getElementById('example')),
  rWidth = realsize.width,
  rHeight = realsize.height;

alert(rWidth);