Stubborn Sideways Pictures & how to FIx Them

I encountered an odd thing a couple of months ago that I wanted to share in case you, too, encounter this odd thing. What is the odd thing? Squished/sideways pictures.

I am the webmaster (big surprise) for my Toastmasters club. I was sent some photos to post on the site. Which I did through the usual process – save pictures from email, log in to admin panel, upload images & place in page. Boom. Done. Yay, they look awesome.

lonely-desk boardwalk

At the meeting the next day, someoone mentioned the pictures looked odd, like they were sideways or squished. I pull out my iPhone to look at the site and everything looked fine. Chalk it up to a fluke. Except I got another email a couple of days later that the pics didn’t look right again. When I looked at the site again on my computer, yes, they looked wrong. I deleted the pics, uploaded them again and put them on the page again. Yay.

No. Sad panda. Sad, confused panda.

When I look at the site on my phone, the pictures look fine. But when I or anyone else uses a computer, the pictures look wrong, like the images below. Hm.

boardwalk-wrong lonely-desk-wrong

Having never run into anything like this, I hit Google to figure it out.

So here’s the deal. When you take a portrait picture with an i-device (iPhone, iPad, etc.) they can sometimes display wonky on a non-i-device. 

portrait-example

Now that we’ve figured out the problem, it’s an easy enough solution – just resave the pics on your computer before uploading to your site. Yep, save it as another file format or just a new file name, and then upload that new file for your website.

The why of it has to do with the metadata added to the image by the device that took it. By resaving the picture, it kind of wipes that funky metadata, solving the issue.

And, for the record, this solution applies no matter what website platform you’re using. I can verify this because the Toastmasters club is not WordPress (gasp, I know) and I’ve heard form people having the same issue with several different platforms.

So, if you’re having sideways pictures or oddly squished pictures, this might be the solution you’ve been looking for.

Cheers, and Good Luck!

Leave a Comment