My resized photos are sometimes turned 90 degrees. I have git-lfs enabled

My resized photos are sometimes turned 90 degrees. I have git-lfs enabled.

You can see it at https://davidrhoden.com/timeline/. (My netlify site address is https://davidrhoden.com). See the second and third (as of this posting) pictures. They are turned 45 degrees counter-clockwise from the intended orientation.

I’m using <img class="thumbnail" src="{{ post.data.image }}?nf_resize=fit&w=160"> to make thumbnails on the index page for my blog posts. Sometimes the images are fine, Other times they are turned 90 degrees. The images the resizes are coming from have been turned to the correct orientation from the original scans or phone camera pictures.

Is there a way to ensure the orientation will be correct for resized pictures?

There is no nf_resize tag, but I think that would be the appropriate tag.

Hi, @davidrhoden, this is occurring because the image transformation removes the EXIF data which contains the rotation information.

We have an open issue filed for this and the issue is now cross linked with this topic. If/when the issue is known to be resolved we’ll post an update here to let you know.

In the meantime, the only workarounds are to either not use Large Media image transformations or to manually rotate the image to that no rotation in the EXIF data is used.

If there are other questions about this, please let us know.

2 Likes

I need to second this issue and possibly raise a new issue. I am experiencing the same issue with MP4 video files. They are being rotated to portrait orientation. Here’s a reference link : https://feesimplelaw.netlify.app/

1 Like

I also have this issue. Was it fixed? I am using nexjs13

Sorry, unfortunately we do not have an update on this issue.

How about now? It’s been 3 years. I can’t launch a site with a bunch of images rotated… lol

Please don’t double-post @Michael_Mannucci: NextJS Image Component Image Orientation - #15 by Michael_Mannucci

Wasn’t trying to do that, btu different people may have different solutions who aren’t on the other post.