Why do my webpage images appear sideways in my HTML but correct when in full screen?
html, image, iphone
Solution
This is a particular problem with how the iPhone exports images. Seem this link for a similar situation.
Computers/browsers and iPhone software interpret the camera metadata (details about image, including portrait/landscape) differently thus causing the difference in rendering.
I was able to download the far right image in Pixelmator/Photoshop and save it as a jpg again, making sure it was portrait. This made it so the browser properly rendered the image and did not rotate it 90 degrees.
Problem
If you look at this page, you will see that the right two images are sideways: http://www.disneypinplace.com/beta/pin.php?id=PD78685 But when you click on them, they appear correctly in full screen view, vertically. I can't see anything wrong in my HTML img code that could cause this. Can anyone tell me why this is happening? These photos were taken with an iPhone 5 by the way.