astro-imagetools
astro-imagetools copied to clipboard
Img tag randomly rotates images
I have a bunch of images that I'm using astro-imagetools/components/Img to optimize. However, it seems that some of my images got rotated by astro-imagetools/components/Img, but not rotated with the standard html <img />
tag.
Can someone tell me why this is happening and how to fix it?
html img tag
<img
src={`/src/../public/Photos/jake-and-melissa-sitting-on-a-couch-cheek-to-cheek-smiling.jpg`}
alt={"alt"}
width={200}
/>
astro-imagetools/components/Img
<Img
src={`/src/../public/Photos/jake-and-melissa-sitting-on-a-couch-cheek-to-cheek-smiling.jpg`}
alt={"alt"}
width={200}
/>
I believe sharp has an option to automatically rotate images in the 'correct' way (not 100% sure tho)
May the default value for this options is true and the tool 'thinks' it's doing the right thing.
Hopefully someone can elaborate on this 🙏🏼