CSS3 image-orientation

CSS property used generally to fix the intended orientation of an image. This can be done using 90 degree increments or based on the image's EXIF data using the "from-image" value.

Chrome

❌ 4 - 80: Not supported
✅ 81 - 88: Supported
✅ 89 - 135: Supported
✅ 136: Supported
✅ 137 - 139: Supported

Edge

❌ 12 - 80: Not supported
✅ 81 - 88: Supported
✅ 89 - 135: Supported
✅ 136: Supported

Safari

❌ 3.1 - 13: Not supported
✅ 13.1 - 18.4: Supported
✅ 18.5: Supported
✅ TP: Supported

Firefox

❌ 2 - 25: Not supported
✅ 26 - 137: Supported
✅ 138: Supported
✅ 139 - 141: Supported

Opera

❌ 9 - 67: Not supported
✅ 68 - 76: Supported
✅ 77 - 116: Supported
✅ 117: Supported

IE

❌ 5.5 - 10: Not supported
❌ 11: Not supported

Chrome for Android

✅ 136: Supported

Safari on iOS

◐ 3.2 - 13.3: Partial support
✅ 13.4 - 18.4: Supported
✅ 18.5: Supported

Samsung Internet

❌ 4 - 12.0: Not supported
✅ 13.0 - 14.0: Supported
✅ 15.0 - 26: Supported
✅ 27: Supported

Opera Mini

❌ all: Not supported

Opera Mobile

❌ 10 - 12.1: Not supported
✅ 80: Supported

UC Browser for Android

✅ 15.5: Supported

Android Browser

❌ 2.1 - 4.4.4: Not supported
✅ 136: Supported

Firefox for Android

✅ 137: Supported

QQ Browser

❌ 14.9: Not supported

Baidu Browser

✅ 13.52: Supported

KaiOS Browser

✅ 2.5: Supported
✅ 3: Supported

Opening the image in a new tab in Chrome results in the image shown in the orientation according to the EXIF data.

Resources:: Blog post; Chromium bug #158753: Support for the CSS image-orientation CSS property; MDN Web Docs - CSS image-orientation; Demo (Chinese)