• Skip to main content
  • Skip to primary sidebar
  • Skip to footer

nSiteful Web Builders

Building a Better Web - One Site at a Time.

  • Home
  • About
    • Testimonials
    • Resources
  • Web Sites
  • Online Marketing
  • WordPress Support
    • Customized WordPress Training
    • 60-for-60 Sessions
  • Web Applications
  • Blog
    • Archive Listing Minimalistic
    • Blog Articles Grouped by Category
    • Case Studies
    • General
    • Portfolio
    • Reviews
    • Snippets
    • Techniques
  • Contact Jeff
    • Purchase Retainer Consulting Hours
    • About Retainer Consulting Hours

By Jeff Cohan, May 5, 2016

Are Your iPhone Photos Upside-Down or Sideways?

sj-izzyEver wonder why your iPhone photos show up sideways or upside-down on the Web or on friends’ computers?

If so, I have a solution.

A client texted me this morning with an urgent problem: some of the photos in her latest (minutes-old) WordPress blog post were rotated wrong when viewed on her iPhone and iPad — even though they looked fine on her desktop. Two photos were sideways; another was upside-down.

I checked. She was right.

All of the photos in question were taken with her iPhone 6s Plus, transferred to her Mac, and uploaded to her post via the “Add Media” function in her post edit screen. She then manually rotated the photos that had the wrong orientation.

Why are there orientation problems with some iPhone photos?

If you came here to learn why your iPhone photos look right sometimes (and on some devices) but not so much other times (or on other devices), you’re about to be disappointed.

Because I don’t know.

I mean, I kinda know, but I don’t really know. I don’t understand it enough to offer an authoritative explanation. (If anyone within the sound of my voice does, please comment below.)

What I do know is it has to do with EXIF, which is a standard for storing metadata in media files. Specifically, it has to do with the EXIF orientation values stored in the image.

Here’s a screen capture of an image with some of its EXIF data:

EXIF data for iPhone photo with Right Top orientation
EXIF data for iPhone photo with Right Top orientation

And here’s an illustration of the 8 different possible orientation values for an image (courtesy of VB Helper):

exif-orientation-examples-2016-05-05_10-52-32

How to Read the EXIF Orientation value

The EXIF Orientation tag describes the orientation of the camera relative to the scene at the time the image was captured (see this).

  • The first component of the Orientation value (“Right”, in the case of my example) refers to the part of the original scene that corresponds to the first row of pixels in the stored image.
  • The second component of the Orientation value (“top”, in the case of my example) refers to the part of the original scene that corresponds to the first column of pixels in the stored image.

Let’s look at the sample photo again.
You can see that the first row of pixels of the stored image (signified by the green line, labeled “1”) is indeed the “Right” side of the the orignal scene.
Similarly, the first column of pixels of the stored image (signified by the purple line, labeled “2”) is indeed the “top” side of the original scene.

exif-data-capture-02

(How helpful is this information? I’m not sure. I’m just glad I finally figured out how to interpret the EXIF Orientation tag, and I thought you might, too.)

What’s happening to the image inside WordPress?

Honestly, I’m not sure.

Here are some deductions and other thoughts (but again, if you know better or can confirm or elaborate, please comment below):

  • Upon upload, WordPress maintains EXIF data for original images, but it strips EXIF data from the auto-resized versions (thumbnail, medium, large) of images. (At least this was the case a few years ago, according to an authoritative source).
  • When you edit an image in WordPress (to crop, rotate, etc. it), it appears that the new version is stripped of its EXIF data.
  • I imagine there are some plugins for this. Anyone know of any?

So that’s about all I can say about the “why” of iPhone photo orientation mishegas for nowYiddish for craziness.

The Solution, Using Irfanview

My solution is to rotate and re-save the image in IrfanView — a free Windows image-viewing and image-editing program. (IrfanView is easily one of the most marvelous free software programs I’ve ever encountered. Been using it for years.) While there is no Mac-specific version of the program, the FAQs suggest a way to use it on a Mac.

Although these instructions are for IrfanView, I assume they are translatable to PhotoShop and other image-editing programs. (If you can confirm or refute this, please comment below.)

Here’s what worked for me:

  1. Rotate (don’t flip) the image.
    For upside-down images, rotate twice in the same direction. It doesn’t matter whether you choose left/counter-clockwise or right/clockwise; just use the same direction both times.
    For sideways images with top of the scene at the left, rotate right/clockwise.
    For sideways images with top of the scene at the right, rotate left/counter-clockwise.
  2. Here’s the important part: Now save the image, and set the options as follows:
    Tick the “Keep original EXIF data” option
    Tick the “Reset EXIF orientation tag” option

irfanview-save-options

Let me hear from you!

Obviously, I’m far from an expert on these iPhone photo orientation matters. If you know something I don’t, if you can confirm what I’ve put out there, or if you simply have questions to ask or experiences to share, I hope you will comment below.

Related Posts

  1. How to use Advanced Custom Fields with Genesis
  2. How to Create Tooltips with CSS (Only)
  3. NextGen Gallery Compact Album Mods
  4. 14 days exploring Pinterest, Day #3
  5. Downscaling Images On Upload in WordPress
  • Choose the best match.

Written by Jeff Cohan · Categorized: Techniques · Tagged: Images, iPhone, Media, WordPress

  • Choose the best match.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

mailchimp signup

Subscribe to get notified when new articles are published. Unsubscribe any time. No spam. I promise. Check out my newsletter archives.

social

Twitter Facebook LinkedIn

Recent Articles

  • Use Case for Custom Post Type: “In The News” March 10, 2023
  • Create a Custom Shortcode to Display a MemberPress Membership Price ANYWHERE on Your Website February 5, 2023
  • Avoid Direct Styling; Use CSS Instead September 21, 2022
  • Blog Tags: What They Are (and What They’re Not) August 5, 2022
  • How to Create a Simple Custom Events Plugin May 24, 2022

Filter By Category/Tag

Categories

  • Case Studies (7)
  • General (61)
  • Portfolio (5)
  • Reviews (12)
  • Snippets (16)
  • Techniques (38)

Popular Tags

Advanced Custom Fields Blogging Child Themes Content Marketing CSS CSS Grid Customer Service Custom Fields Custom Post Types Diagnostics Facebook FooGallery Genesis Gutenberg HTML Images iPhone Libra Live Chat Marketing Media MemberPress MemberPress Courses mu-plugins MySQL Photo Gallery php Pinterest Plugins Post Formats Pricing Project Management Security SEO Seth Godin Shortcodes Social Networking Surveys Taxonomies Trello Twitter Video Web design Web forms WordPress

siteground wp hosting

Web Hosting

wp101

EasyWordPresstutorialvideosforbeginners.
MemberPress CTA

Footer

Background

Web Sites | WordPress Support | Web Applications.

Formally trained in liberal arts and education (I have a B.A. in Government from Harvard and studied Secondary Education at Rutgers Graduate School), I have honed my skills in the communication arts and sciences as a teacher, trainer, instructional designer, writer, photographer, calligrapher, helpdesk manager, database programmer, and multimedia developer.

(I've also been a group counselor, waiter, bartender, bicycle messenger boy, computer salesman, carpenter's helper, financial analyst, and school board president.)

Tech

Systems since 1983.
Web sites since 1994.
PHP since 2001.
WordPress since 2007.

Contact

770-772-5134
Email Jeff
Send Money
All Ways

Copyright 2023, nSiteful Web Builders, Inc.

 

Subscribe

Pardon the interruption. I know popups can be annoying. But I’d love to have you as a subscriber.

Sign up to be notified when new articles are published. Unsubscribe any time.

* indicates required

Powered by MailChimp

×