¿Existe alguna API o método jQuery o JS puro para obtener las dimensiones de una imagen en la página?
clientWidth y clientHeight son propiedades del DOM que muestran el tamaño actual en el navegador de las dimensiones internas de un elemento del DOM (excluyendo el margen y el borde). Así que en el caso de un elemento IMG, esto obtendrá las dimensiones reales de la imagen visible.
var img = document.getElementById('imageid');
//or however you get a handle to the IMG
var width = img.clientWidth;
var height = img.clientHeight;
También (además de las respuestas de Rex e Ian's) hay:
imageElement.naturalHeight
y
imageElement.naturalWidth
Proporcionan la altura y la anchura del propio archivo de imagen (en lugar de sólo el elemento de imagen).
Usando JQuery se hace esto:
var imgWidth = $("#imgIDWhatever").width();