web-dev-qa-db-fra.com

Navigateur iPad et iPhone en rotation des images sur site?

Je rencontre actuellement un événement étrange sur un site que je suis en train de construire, où les images sont affichées à 90 degrés de la même façon, mais tout en maintenant les dimensions normales de l'image que j'ai spécifiée. Cela ne se produit que sur le Safari sur iPad et iPhone pour moi ... Tous les autres navigateurs n'ont pas ce problème.

enter image description here

Des idées?

La page en question peut être vue ici: http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/

12
Garrett

Uuuh .. Je n'ai pas de périphérique ni de navigateur Apple à vérifier .. mais on dirait qu'ils lisent EXIF métadonnées (en particulier rotation).

J'ai ouvert l'une de ces images dans XnView - l'image est affichée à 90 degrés en rotation.

Essayez de supprimer toutes les informations supplémentaires de ces images (faites-le pour au moins une image). Utilisez des compresseurs d'image, comme celui-ci: punypng.com (ou tout autre outil capable de supprimer les métadonnées ... ou tout simplement de le faire pivoter et de le sauvegarder à nouveau) et remplacez votre image par la version "optimisée".

Lorsque vous vérifiez à nouveau sur l'iPad, assurez-vous que le navigateur a la version actuelle de l'image, donc effacez les caches.

P.S. Thnx Su '

10
LazyOne

Voici un moyen simple de remplacer manuellement les métadonnées de rotation EXIF ​​si l'image est enregistrée dans l'orientation correcte dans MS Windows. Dans l'Explorateur Windows, cliquez avec le bouton droit sur le fichier image et sélectionnez "Rotation dans le sens des aiguilles d'une montre". Faites-le 4 fois pour faire pivoter l'image tout autour, puis l'image aura l'orientation correcte pour tous les systèmes. Ensuite, vous pouvez télécharger l'image sur votre serveur Web.

1
BenW

Essayez d’utiliser les formats JPEG et PNG Stripper http://www.steelbytes.com/?mid= , puis supprimez toutes les informations relatives aux métadonnées de Image. Ça fonctionne correctement.

1
Anetagama

J'ai classé cela comme un bogue avec Apple via Bug Reporter d'Apple . Si cela est important pour vous et que vous avez des exemples de données, il ne peut pas nuire d'avoir plus d'un rapport sur le sujet. La capture d'écran ci-dessous devrait mettre en évidence le problème. Si un employé de Apple jette un coup d'œil sur ce poste, l'identifiant du problème est 11299426.

Inconsistent Rotation Behavior

0
Aaron