Inverted Image - Browser Only

When I look at the image properties (see below) on my Windows computer, it clearly says width:144 and height:256 . But when viewed in a browser, the dimensions are upside down.

Example of this in a browser: http://jsfiddle.net/pLyg7ug9/2/

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

What can cause a browser to flip width and height?

+5
source share
1 answer

This is due to JPEG rotation and EXIF ​​orientation. Basically, your camera has a sensor that rotates the image depending on how you receive it. These phones will be blocked.

JPEG Exif Data

+3
source

Source: https://habr.com/ru/post/1214636/


All Articles