Images are automatically flipped when using serverless-image-handler

[SilverFoxA]

I have an image already in AWS S3 bucket, which is exactly what it is and it's vertical. When I'm importing it to demo URL or using the endpoint URL it automatically gets flipped.

We are facing problem on our live server because of this, please suggest. We are using the latest version (4.2)

Image reference is added :

https://i.imgur.com/qwHu1cw.png

[beomseoklee]

@SilverFoxA I'm sorry to hear you have an issue. It looks like the image on the preview side wasn't flipped. If I'm wrong, please correct me.

In addition, if you can share how I can reproduce, please let me know: 1) image file, 2) edits.

[SilverFoxA]

Hello @beomseoklee

Hope you are doing well.
Thank you for your prompt response.

Actual Image: https://i.imgur.com/s0I7rdN.jpg

But when I'm using serverless-image-handler and importing the file it gets flipped for no reason.
Does it have anything to do with the dimension?

To reproduce, simply upload the actual image to AWS S3 bucket, use the demo URL. Without any modification, you will be able to reproduce the error.

[beomseoklee]

@SilverFoxA
I tried to reproduce the issue, but I couldn't.

1. Original Image you provided
   

2. Demo UI Preview
   

Would there be any other things that I can try?

[SilverFoxA]

@beomseoklee Is it possible that you can share me any other means using which I can share with private credentials which you can view. I'll be able to share the endpoint URL.

[Karlen92]

@SilverFoxA I had a similar issue when working with react-native, the problem was connected not to image handler but with the image itself. The issue was caused by wrong exif information, which was included with the image.

This link can be helpful
GoogleChromeLabs/squoosh#299

[SilverFoxA]

@Karlen92 How did you sort this? But when we are using the webserver file, everything seems fine, we are focused on the AWS Javascript SDK.

[Karlen92]

@SilverFoxA In my case, when the image contained exif information, I simply compressed it with no quality loss(which didn't touch image quality, it just created a new image). In backend, you can use jimp to resize your image (it would be fake resize, use the same dimensions as the image have), maybe that would help.

[alexga12]

@SilverFoxA Are you having the same issue as #135 ?

[beomseoklee]

Thanks for waiting. We've fixed this one in v5.1.0.
If you still see the issue in the newest version, please open an issue again.

[timlawrenz]

@SilverFoxA does v5.1.0 resolve the issue?

[fisenkodv]

@SilverFoxA we have updated our solution, and I believe your issue has been fixed. If you still see the issue with the latest version (v6.0.0), please feel free to reopen the issue.

You can refer to the recent changes here.