Image rotation issues and incorrect mobile browser display

  • This is just confusing and bizarre.

    So, here is an example post: https://www.ruledbypaws.ca/2013/07/canada-day/

    The image attached to that post (of the lady and the guide dog) was uploaded in Safari and was rotated 90 degrees counter-clockwise. (Link.) She edited the image in WordPress to orient it properly and when viewing her site in various desktop browsers that is how it loads. (I’ve checked in Safari and Firefox on OS X and Firefox and Chrome on Windows 7.)

    However, when you view her site on a mobile platform (e.g., iPad, iPhone) the edited image displayed is flipped 180 degrees from the original uploaded image. And even more confusing, the original image displays correctly as a vertical image, 90 degrees clockwise from how it looks on a computer.

    I’m totally baffled by this. I can’t quite recreate the issue on my own site, though, I do notice inconsistencies with how images load on mobile browsers as opposed to a computer; for example the third image in this post. (I should note, that prior to uploading I usually fix the rotation of images in Photoshop and it would seem SOME of the time WordPress rotates them back.)

Viewing 16 replies (of 16 total)
  • Thread Starter Cyndy Otty

    (@ceo)

    Unfortunately, the issue is not due to WordPress so much as the photo itself. If it isn’t properly rotated prior to uploading, it will show incorrectly in some browsers as has been noted in previous replies.

    So, essentially, you can either rotate the image before uploading (which is what I personally do) or edit the image to properly align it after you upload.

Viewing 16 replies (of 16 total)
  • The topic ‘Image rotation issues and incorrect mobile browser display’ is closed to new replies.