CODEWITHSUNDEEP
htmlcssimagebrowser
Justin Bicknell
Justin Bicknell

Reputation: 4798

Flipped image - only in browser

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?

Upvotes: 4

Views: 1157

Answers (1)

Ryen Nelsen
Ryen Nelsen

Reputation: 387

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.

JPEG Exif Data

Upvotes: 3

Related Questions