Flipped image - only in browser

Question

When I view the image properties (see below) on my windows machine, it clearly says width:144 and height:256. But when viewing it in the browser the dimensions are flipped.

Example of it flipped in the browser: http://jsfiddle.net/pLyg7ug9/2/

Direct link (notice that it loads correctly in chrome): http://pro-cuts.herokuapp.com/images/slideshow/thumb/8_flipped.jpg

What would cause the browser to flip the width and height?

Answer 1

This is due JPEG Rotation and EXIF Orientation. Basically your camera has a sensor that rotates the image depending on how you take it. Phones that have their orientation locked will have these issues.