Correct image orientation for images – Chrome 81

Looks like one of the oldest bugs in Chromium has been fixed. Chrome used to display images in landscape orientation even if they were taken in portrait on a phone.
Now it appears that in Chrome 81 we will respect the image orientation from the files EXIF data and display the image in that orientation by default unless you override it with a CSS attribute image-orientation: none.
Fun times.


This content originally appeared on Modern Web Development with Chrome and was authored by Paul Kinlan

<figure><video src="https://paul.kinlan.me/videos/2020-01-09-correct-image-orientation-for-images-chrome-81-0.mp4" alt="Screencast 2020-01-09 14:11:12.mp4" controls></video></figure> <p>Looks like one of the oldest bugs in <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=158753">Chromium</a> has been fixed. Chrome used to display images in landscape orientation even if they were taken in portrait on a phone.</p> <p>Now it appears that in Chrome 81 we will respect the image orientation from the files EXIF data and display the image in that orientation by default unless you override it with a CSS attribute <code>image-orientation: none</code>.</p> <p>Fun times.</p> <p><a href="https://sumptuous-passionfruit.glitch.me/">Demo</a></p>


This content originally appeared on Modern Web Development with Chrome and was authored by Paul Kinlan


Print Share Comment Cite Upload Translate Updates
APA

Paul Kinlan | Sciencx (2020-01-09T14:16:53+00:00) Correct image orientation for images – Chrome 81. Retrieved from https://www.scien.cx/2020/01/09/correct-image-orientation-for-images-chrome-81/

MLA
" » Correct image orientation for images – Chrome 81." Paul Kinlan | Sciencx - Thursday January 9, 2020, https://www.scien.cx/2020/01/09/correct-image-orientation-for-images-chrome-81/
HARVARD
Paul Kinlan | Sciencx Thursday January 9, 2020 » Correct image orientation for images – Chrome 81., viewed ,<https://www.scien.cx/2020/01/09/correct-image-orientation-for-images-chrome-81/>
VANCOUVER
Paul Kinlan | Sciencx - » Correct image orientation for images – Chrome 81. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2020/01/09/correct-image-orientation-for-images-chrome-81/
CHICAGO
" » Correct image orientation for images – Chrome 81." Paul Kinlan | Sciencx - Accessed . https://www.scien.cx/2020/01/09/correct-image-orientation-for-images-chrome-81/
IEEE
" » Correct image orientation for images – Chrome 81." Paul Kinlan | Sciencx [Online]. Available: https://www.scien.cx/2020/01/09/correct-image-orientation-for-images-chrome-81/. [Accessed: ]
rf:citation
» Correct image orientation for images – Chrome 81 | Paul Kinlan | Sciencx | https://www.scien.cx/2020/01/09/correct-image-orientation-for-images-chrome-81/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts