Images Appear Rotated 90 Degrees or 180 Degrees in iPhone or IPad

Mindwatering Incorporated

Author: Tripp W Black

Created: 05/07/2012 at 04:06 PM

 

Category:
General Web Tips
Images

Issue:
An image has been dropped into a web page. The image looks normal in Firefox, Safari, Chrome, and IE on the Mac and PC. However, in the iPhone, iPad, iPod Safari, the image is rotated 90 or 180 degrees. (It is also usually stretched to the "correct" size.)

Solution:
Upon opening the image in the open-source Gimp program, you are notified that the EXIF data says the image is rotated and would you like to rotate it? If you say yes, it will rotate it to the same "incorrect" orientation as the iOS Safari browsers in the iPhone and iPad. You can then re-rotate to right-side-up and save. Alternately, you can clear the EXIF data w/o rotating and save.

The EXIF data is usually passed down from a digital camera. The syntax will look like:
In Linux, you can return the orientation via:
tripp$> exiftool myimage.jpg | grep Orientation
Orientation: Rotate 90 CCW


previous page