image-orientation | Frontend Practical Guide

Overview

The image-orientation CSS property corrects the rotation of an image using the image's metadata, such as EXIF.

1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

CSS

img {
  image-orientation: from-image;
}
.no-rotate {
  image-orientation: none;
}

CSS From-image(EXIFcompliant) demo.

CSS None(rotate) demo.

CSS Applyexample demo.

Using image-orientation
The image-orientation CSS property corrects the rotation of an image using the image's metadata, such as EXIF.