Autowebp rotation issue

[slavoroi]

The bug

When using Autowebp configuration, images with orientation attribute get rotated back to the original image (Flipped back).

Reproduction steps

Upload an image with orientation: 3 (180 degrees) for example, use resize filter and the image will be flipped.

Expected behavior

An image should look the same as the s3 (with the orientation change), even if it's in 'webp' format.

Please complete the following information about the solution:

• Version: [e.g. v6.1.2]
• Region: [e.g. us-east-1]

Screenshots

The original image:

The original image properties:

The flipped image (github doesn't support webp):
https://ibb.co/K0znsSC

Additional context

Reverting back from 'Autowebp' to the original image works well.

[simonkrol]

Hi @slavoroi,

Thanks for the report, I've added the bug to our backlog to be reviewed.

Simon

[redpandatronicsuk]

I had a similar issue. Maybe the rotation is done in the EXIF data, which is not supported by most browsers: https://docs.aws.amazon.com/solutions/latest/serverless-image-handler/rotate-images-manually.html

Download the image and open it with an image viewing software, such as Preview on a Mac. If the image has the correct orientation there, but not when opened in a browser, then you know that is the issue.

[simonkrol]

Hi @slavoroi,
We're in the process of reviewing this bug, though I haven't been able to reproduce it on my end.
Can you provide some additional information about how you made this happen?

What browser were you using?

Can you upload a zipped version of starting and ending images?

Thanks,
Simon

[ardzarana]

We have the same issue, however it is only noticed on desktop devices, mobile devices do not experience the issue. Link to live example

[simonkrol]

Hi @ardzarana, I'm not sure I understand your live example, what was the request sent that caused that to happen? Those look like entirely separate images, is it possible SIH ran into an error and returned the fallback image?

Let me know,
Simon

[araSTai]

Yes they are different images, I sent the link so you can see the rotation on desktop vs mobile, also how it only happens on some images. Please open the same link on a mobile device and on a desktop and you will notice the left image is 90 Degrees CCW off and it is perfect on mobile. this is -ara @ardzarana is my personal account. Thx

[simonkrol]

Ahh got it, thank you for the example, I'll continue investigating.

[simonkrol]

Hi @araHUMBL / @ardzarana,
I've investigated your case a little further and it appears that the rotation metadata has not been changed by SIH. You are being affected by what redpandatronicsuk mentioned above, that the browser doesn't support rotational exif data. After downloading the images you linked, they display properly in preview. As far as options, you could disable AutoWebP (or not include the "image/webp" accept header), you could include filter:format(jpeg) to keep the result formatted as a jpeg, or you could attempt to modify the solution to rotate the images manually and clear the metadata.

Thanks,
Simon

[simonkrol]

Closing as wontfix, rotation is handled through Sharp and trying to implement a manual rotation is out of scope of this solution.
Please feel free to re-open or comment if you have any additional information that reflects this being a bug with SIH.