Hi everyone, sorry in advance – I’m new to the forum and not sure if this is the right section. If it should go somewhere else, please let me know.
I’m building a site and I have a problem with “some” portrait images. On iPhone, some of them display with wrong orientation. The strange thing is that on the same page, some portrait images display perfectly while others don’t, even though they have the same dimensions and identical configuration in Bricks.
This happens on both Safari and Chrome on iPhone. On desktop and Android everything looks fine.
I think the issue lies in the “Styles”; there is a perspective field from which I don’t know where it pulls the data… but it is still strange that it displays correctly on Android.
Thank @timmse for the response and for taking the time to help me. Those are remnants of things I had tested (and didn’t work). I have already cleaned out the old scripts…
The error only occurs on iPhone devices (it can be replicated using emulators).
The EXIF data in your images contains an orientation tag that rotates them by 270 degrees. It seems Safari takes this into account (if you open one of the images on your desktop in Safari, they’re rotated as well)
All in all, there’s nothing we can do about it. You should edit your images with an EXIF tool to set the orientation tag to 1, or use an image editing program to resave the images—this may overwrite the orientation.
