I was helping a client to fix an issue with her pictures. She was telling me that a picture in the website was sideways. However, when testing the site in my computer, I wasn’t able to see the issue. When asking the client what browser and OS was she using, she let me know that was on a Mac computer. So, I decided to test the site in an iPad and there it was, the picture was sideways!. I realized that by using Apple products (Mac, iPad, iPhone, iPod), the picture was different than using Windows.
Having found that, I discovered that Apple products render the image using the original meta data of the image. Apparently, when the client uploaded the image, it was from a scanned image which was originally sideways. The system didn’t realize that someone, in some moment, rotated the image to the right position.
The solution: It wasn’t enough to save the image and then save it again in the right position. What we needed to do was to follow some simple steps:
- Take a screenshot of the picture: Use the PrtScn key in your keyboard
- Open Paint, a basic but very helpful tool.
- Paste the image: Use the combination of keys Ctrl+V or right click and select Paste
- Rotate the image if it is still sideways, otherwise skip this step
- Crop the image if necessary
- Save image as jpg or png.
- Upload the image again to your website
Hope this can help anyone else!.