BACKGROUND
Sometimes digital images taken upside down or 90 degrees sideways contain exif data that allows photo viewers (including web browsers) to show the image right side up. This means you cannot tell if an image is truly right side up just by viewing it on Windows Photo Viewer, etc. unless you somehow ignored the exif data.
PROBLEM
When uploading images to Webflow, the current backend process saves a full-size version (with all the exif data included), as well as two downsized thumbnails. The latter are created by resizing the original without taking into account any exif data. Therefore, if the original was actually not upright, the two thumbnails will not be upright either, even though the full-size upload will show up correctly (since it still contains the exif auto-rotation data).
SOLUTION
Modify the image upload method to include the following steps:
Before upload, strip the full-size image of exif data.
Display preview of image and allow users to correct rotation.
Either rotate image in the front-end and upload, or upload image with rotation instructions.
Continue with current resizing routine.
RELATED REQUESTS
WEBFLOW-I-902 | Built-in Image editor that allows rotating uploaded images
Clive Uy
.svg){kind=logo}
I understand that this problem needs a fix. But stipping images of Exif Metadata is definitely not the way to go about it. Photographers specifically need metadata in images to be kept, as that's where the copyright protection for the images is stored. Not to mention all of the other data contained within an image like Title, Caption, Location, etc. Please do not strip meta data.
There are actually other threads asking for Webflow to retain metadata when it creates responsive versions of the images as that poses another problem for us.
https://wishlist.webflow.com/ideas/WEBFLOW-I-6097
https://discourse.webflow.com/t/metadata-removed-from-photos-for-versions-automatically-created-by-webflow-for-responsive/246508
Still happenning and makes me look very unprofessional !
This is still happening today; please implement a fix!
+1
A related thread: https://discourse.webflow.com/t/rotated-image-when-published-upright-in-editor/129531/33?page=2
Alternative solution;
Modify the code that creates the smaller copies of the image to rotate the copies based on the original images orientation so no user interaction is required