tfe Homepage


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.