Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

I am experiencing an odd occurance on a site I'm building right now where images are displayed 90 degrees different from how they are supposed to, but while maintaining the normal dimensions of the image that I specified. This only occurs on the Safari in iPad and iPhone for me... all other browsers do not have this problem.

enter image description here

Any ideas?

The page in question can be seen here: http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/

share|improve this question
4  
Uuuh .. I do not have any Apple device or browser to check .. but maybe they reading EXIF info (especially rotation)? Try removing all extra info from these images (at least one, use image compressors, like this one: punypng.com) and replace your image with "optimized" version, then see if it helps (make sure the browser has current image version, so clear caches). –  LazyOne Jul 11 '11 at 22:07
2  
+1 for problem I have never ever seen before. A couple further data points: IrfanView and Photoshop both also load the top image rotated as in Mobile WebKit/Safari. Desktop Safari does not. This does support the idea it's in the image metadata, though there's a lot in there and I haven't found which specific property is doing it here using Photoshop's browser(I don't deal with EXIF much, though). Should give you a starting place, though. @LazyOne, if you want to repost as an actual answer, I'll vote it up. I just ran the first image through PunyPNG, and that worked for me. –  Su' Jul 11 '11 at 22:24
    
I did it :) Thnx Su' –  LazyOne Jul 11 '11 at 22:38
    
Had the same problem, removing the meta data worked! –  user12256 Dec 22 '11 at 20:47
    
solved the problem :) If you think its cumbersome to get programs to delete the metadata you can open the image in paint (included in windows), mark it and copy, choose new image, paste your copy and save. –  user31405 Sep 20 '13 at 9:09
add comment

3 Answers

up vote 6 down vote accepted

Uuuh .. I do not have any Apple device or browser to check .. but it looks like they reading EXIF metadata (in particular rotation).

I have opened one of this images in XnView -- image is displayed 90 degrees rotated.

Try removing all extra info from these images (do it for at least one image). Use image compressors, like this one: punypng.com (or any other tool that can remove metadata details .. or just rotate it and save again) and replace your image with "optimized" version.

When checking again on iPad, make sure the browser has current image version, so clear caches.

P.S. Thnx Su'

share|improve this answer
    
That was it! What a strange thing to effect a web browser. I ended up using IrfanView to fix it (opening the file and resaving it without metadata) and now everything displays fine. Thanks! –  Kayle Jul 13 '11 at 20:46
add comment

Try using JPEG and PNG Stripper http://www.steelbytes.com/?mid=30 then remove all information related to the metadata of Image. It works properly.

share|improve this answer
add comment

I have filed this as a bug with Apple via Apple's Bug Reporter. If this is important to you and you have sample data, it can't hurt to have more than one report on the issue. The screenshot below should highlight the problem, and in the off chance an Apple employee glances at this post, the problem ID is 11299426.

Inconsistent Rotation Behavior

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.