tfe Homepage

16/03/2019

Display html img with correct exif orientation

Just find a small tip today. I am creating a image section for my website, and i just found that by default, html img tag display the image without looking at the exif-orientation information.

That cause the images taken from smartphones look wrong.

The tip consist in the following css code, to display correctly the image:


img {
     image-orientation: from-image;
}

Works fine in firefox, but it looks like chrome just sux at displaying it.