Mobile app version of vmapp.org
Login or Join
Steve110

: IPad and iPhone browser rotating images on site? 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

@Steve110

Posted in: #Css #Images #Ipad #Iphone

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.



Any ideas?

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

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Steve110

4 Comments

Sorted by latest first Latest Oldest Best

 

@Fox8124981

Here is an easy way to manually override the EXIF rotation metadata, if the image is saved in the correct orientation in MS Windows. In Windows Explorer, right-click on the image file and select "Rotate clockwise". Do this 4 times to rotate the image all the way around, and then the image will have the correct orientation for all systems. Then you can upload the image to your web server.

10% popularity Vote Up Vote Down


 

@Chiappetta492

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

10% popularity Vote Up Vote Down


 

@Carla537

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.

10% popularity Vote Up Vote Down


 

@Ann8826881

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'

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme