Sideways iPhone Photos
Taking a portrait (vertical) mode photo from the iPhone 5s, sharing it to a Mac, and then uploading it to WordPress reveals a frustrating problem – WordPress displays the photo 90 degrees rotated left (on its side).
Rotating the image within the WordPress photo editor does not fix the problem. Although the image can be rotated right, to the correct portrait position and saved, this appears to only fix the Mac desktop view. When I view the posted image from the 5s, it now displays sideways.
Although this affects the 5s and WordPress 3.7.1, the issue appears to be an old one, running back to iPhone 4. I’ve found many complaints describing the problem and not many solutions.
The problem stems from the fact that Apple now relies on some meta information, XIFF orientation flag, to inform a media player whether a photo should be displayed in portrait (vertical) or landscape ( horizontal) mode. It’s up to the app or program displaying the photo to honor the metadata and display the image correctly.
Here are some further details :
JPEG Rotation and XIFF Orientation
How To Fix It
- Wait for WordPress to honor the metadata
- Take photos with the iPhone held sideways (with the home button on the side)
- Use an app like Rotate Mailer
Although Apple could go back to the pre-iPhone 4 days and physically save photos in the original orientation mode, I don’t think it’s realistic that they will. It’s up to the software vendors and devs to honor the XIFF orientation flag so that photos display correctly. (Are you listening, WordPress?)
The Rotate Mailer app works well as a temporary solution. You take a picture on the iPhone, fire up the app, and choose up to four photos to email to yourself or someone else. The attached photos within the email can then be saved and uploaded to WordPress – fixing this sideways problem.
The developer has more details here:
Rotate Mailer App
I hope that this is useful for you, because I’m pretty sure that this problem extends well beyond WordPress.
Oh, you are holding your phone the right way.
