Image Orientation Not Showing Up Correctly on an iPad or iPhone

Est. Read Time: ~Keurig Brew-Time

Problem: We recently had an issue with some images on an iPad or iPhone web page where the orientation was displaying incorrectly. However, when previewing the page on a desktop the orientation was correct.

After several tests, we realized it wasn’t coming from the web code, but was an issue with the camera. The camera software was encoding it at a certain direction for mobile devices incorrectly. A normal desktop computer wouldn’t recognize the encoding, since it doesn’t have a gyroscope.

Solution: To fix the issue we used our image editing software to manually rotate the image to the correct orientation, saved it out and replaced the existing one. This would then remove the camera’s encoding and preview correctly on any browser. You don’t need any specific image editing software, if you happen to run into this issue.