Как отработать js-функцию после загрузки картинки?

var img = document.getElementById('img'); 
img.onload = function() { 
  alert('Width: ' + this.width + 'px. Height: ' + this.height + 'px'); 
}

<img id="img" src="https://www.google.ca/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" />

function checkSize(anImage) { 
  alert($(anImage).width() + " x " + $(anImage).height()); 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<img onload="checkSize(this)" src="https://www.google.ca/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png" />