Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by Jonathan Fernandez
Jonathan Fernandez
8,325 Points

Upside Down Images css?

Hey guys!

I have a question regarding images. I'm trying to code a simple practice website with images I just took from an iPad. When I coded them in the website with src and background url img they all had been upside down! The images seem to open properly oriented on Preview and quick-look so I've been wondering what causes this bizarre behavior. Is there something about the images meta data that can cause this?

1 Answer

Jeff Lemay
Jeff Lemay
14,268 Points

There is actually some data that causes your image to rotate based on how it was originally taken (EXIF data). It's stored in the images properties and you should be able to remove it fairly easily. After a quick search, here's an article that looks helpful: http://www.howtogeek.com/203592/what-is-exif-data-and-how-to-remove-it/

Jonathan Fernandez
Jonathan Fernandez
8,325 Points

Thanks Jeff. I was able to get rid of EXIF data (using ImageOptim) and manually rotate them to be properly oriented. Now they appear as they should be on my practice css site. : )