Rotated Image when published. Upright in Editor

@TBCC and @matthewpmunger I’ve run in the image orientation problem again with another client, and asking them to pre-process their images won’t work for them - so I decided to investigate further.

The problem is that Webflow is stripping most of the EXIF data- including the image orientation- when images are uploaded to Webflow assets. If I take a photo, upload it to assets, download it again, and compare, you will see this immediately.

I verified this by taking 4 images on my Samsung Galaxy Note 10x, rotating the camera 90 degress with each shot. Here’s how Chrome displays those 4 images directly from the camera;

If I then upload those 4 images into Webflow assets and display them, the orientation is stripped, and the browser loses the ability to display them properly. Here’s what I see on my Webflow site;

These are the exact same 4 images, but effectively broken by Webflow’s assets upload.

At first I thought this was a problem only with img srcset variants, but no- if I upload an image to assets, and immediately re-download it from assets, the orientation is stripped. So is most everything else, including the Copyright data. Whoa.

Here’s the full test so you can see how it behaves on your browser-

https://image-orientation-test.webflow.io/

Is this on the bugs list? It’s such a critical one, given how often client capture and upload images by phone. How can you have a photo gallery that cannot handle photos?

5 Likes