fbpx
NeONBRAND Marketing & Business Development Experts
Contact Us
Site Navigation
  • Home
  • SEO
  • Social Media
  • Websites
  • Consulting
  • Contact Us
    • Las Vegas, NV
    • St. George, UT
    • Cedar City, UT
    • Provo, UT
  • Extras
    • About
    • Team
    • Portfolio
    • Website Hosting
    • Blog
    • Ebooks
    • Digital Marketing Dictionary

Why are Images Rotated Correctly on the Computer, but not on Mobile?

Originally posted: October 27, 2015 by Kenny Eliason. Leave a comment
Scroll to Next
Images Rotated Correctly on the Computer
Get Updates to Your Inbox!
This field is for validation purposes and should be left unchanged.

Home » Websites » Website Design » Why are Images Rotated Correctly on the Computer, but not on Mobile?

Reading Time: 2 minutes
  • Twitter
  • Facebook
  • Pinterest
  • LinkedIn

First, the solution: Make sure the images are rotated to the correct direction BEFORE uploading to WordPress.

Now, the problem: You just uploaded an awesome picture to your WordPress blog on your computer. But wait! The image is rotated wrong! But you’re not worried because you know the WordPress Image Editor allows for image rotation. A couple clicks later, your image is rotated and you’re back to blogging.

Days go by and you decide to check out your post on a mobile device. What is this you see? The image is rotated incorrectly still? But on the computer, all was well! Why is this happening?? ?

Introducing EXIF Data

Example EXIF Data
Small example of EXIF data on an image.

This is where it gets a little nerdy… EXIF stands for Exchangeable Image File Format.

Basically what EXIF data does is store information about the photograph so that the photographer doesn’t have to keep track of it with a pen and paper (thank you technology!).

Here are some of the things stored in an image’s EXIF data:

  • ISO speed
  • Shutter Speed
  • Aperture
  • White Balance
  • Camera Model and Make
  • Date and Time
  • Lens Type
  • Focal Length
  • Image Orientation
  • Much More

It’s actually pretty amazing that all of this is secretly stored behind the scenes in your images.

EXIF data allows for your devices (whether it be a computer or phone) to make do pretty intelligent when it comes to auto-fixing colors and brightness, or sorting by date or even camera type.

Why is my image rotated after I fixed the orientation in WordPress?

Well the probable answer is that the image you’re using was taken on a camera (or phone) that supports image orientation in the EXIF data. When the image was taken, the EXIF data recorded that the image should be oriented a certain direction.

When the rotated image was uploaded to WordPress, you probably used the WordPress image editor to fix the orientation. This makes the image look great on the computer! Unfortunately, the WordPress editor doesn’t have the ability to change the EXIF data.

Why is my image rotated after I fixed the orientation in WordPress?
But I rotated the image in WordPress, why isn’t it working on the phone?!

Since the EXIF data still says the image should be rotated, the computer will likely show the image correctly, but phones are EXIF lovers, and since the EXIF data still says to orient the image accordingly… you get a rotated picture on mobile. ?

Solving the Rotated Mobile Image Issue

The moral of the story is this: The WordPress image editor does a lot of good things, but rotation isn’t necessarily one of them (yet). For now, rotate the image BEFORE uploading to WordPress. This should solve most of the problems related to rotated images on mobile, but not on the computer.

  • Twitter
  • Facebook
  • Pinterest
  • LinkedIn
Published: October 27, 2015
Updated: November 27, 2022
Headline: Why are Images Rotated Correctly on the Computer, but not on Mobile?
Image: Why is my image rotated after I fixed the orientation in WordPress? Height: Width:

Image: Example EXIF Data Height: Width:

Image: Images Rotated Correctly on the Computer Height: 1080 Width: 1620

Publisher: NeONBRAND https://neonbrand.com
NeONBRAND https://neonbrand.com/app/themes/neonbrand/dist/images/logo-gray_280c67fe.png 98 120

« 6 Ways to Market Socially During Halloween
Auto Trash Delete »

Leave a Reply Cancel reply

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

About the Author
Kenny Eliason
Kenny Eliason
Having grown up the son of a marketer, the skills of the trade are pumping through his blood. When you couple that with his programming and computer knowledge, you get an explosive combination. Kenny has been an avid digital marketer for over 9 years now, often being the first to recognize the hottest trends coming to the market. In his free time, Kenny loves downhill mountain biking. He calls it his "old man sport" since BMX was what he did as a teenager and it's not quite as easy to ride those little bikes anymore. Kenny is also a huge technology enthusiast, specifically when it comes to Apple products - did someone say, fanboy? Those close to him are often asking for help solving tech-related problems which often results with them saying, "man, you can fix anything!"
Search
Search
Blog Categories
  • Instagram Marketing (6)
  • E-Commerce Support (1)
  • Keywords for SEO (3)
  • WordPress Tips and Tutorials (17)
  • LinkedIn Marketing (2)
  • Consulting (15)
  • Websites (12)
  • Content for SEO (33)
  • Link Building for SEO (6)
  • Marketing Strategy (60)
  • Twitter Marketing (6)
  • Facebook Marketing (33)
  • Local SEO (13)
  • Business Consulting (35)
  • The Kurt & Kenny Podcast! (13)
  • Web Development (4)
  • Video Marketing (10)
  • Uncategorized (1)
  • Website Design (21)
  • Social Media Marketing (94)
  • Search Engine Optimization (82)
  • Home
  • Search Engine Optimization
  • Social Media
  • Website Design
  • Business Consulting
  • Digital Marketing
  • Video Marketing
  • Email Marketing
  • WooCommerce Development
  • Traditional Advertising
  • Retail Marketing
  • Dentist Marketing
  • Hotel Marketing
  • Medical Marketing
NeONBRAND Newsletter
Don't live with FOMO. Get subscribed to our newsletter and never worry about missing the awesomeness ever again.

"*" indicates required fields

This field is for validation purposes and should be left unchanged.

(702) 706-NeON
  • Las Vegas, NV
  • St. George, UT
  • Cedar City, UT
  • Provo, UT
  • NW Las Vegas, NV
  • Sitemap
  • © 2023 NeONBRAND. All Rights Reserved.