Navigateur iPad et iPhone faisant tourner des images sur place?

13

Je vis une étrange occurrence sur un site que je construis en ce moment où les images sont affichées à 90 degrés différents de la façon dont elles sont censées le faire, mais tout en conservant les dimensions normales de l'image que j'ai spécifiées. Cela ne se produit que sur le Safari dans l'iPad et l'iPhone pour moi ... tous les autres navigateurs n'ont pas ce problème.

entrez la description de l'image ici

Des idées?

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

css images iphone ipad Garrett
la source
4
Uuuh .. Je n'ai pas d'appareil ou de navigateur Apple pour vérifier .. mais peut-être qu'ils lisent les informations EXIF ​​(en particulier la rotation)? Essayez de supprimer toutes les informations supplémentaires de ces images (au moins une, utilisez des compresseurs d'images, comme celui-ci: punypng.com ) et remplacez votre image par une version "optimisée", puis voyez si cela aide (assurez-vous que le navigateur dispose de la version actuelle de l'image, caches si claires).
LazyOne
2
+1 pour un problème que je n'ai jamais vu auparavant. Quelques points de données supplémentaires: IrfanView et Photoshop chargent tous les deux l'image du haut pivotée comme dans Mobile WebKit / Safari. Desktop Safari ne fonctionne pas. Cela prend en charge l'idée qu'elle se trouve dans les métadonnées de l'image, bien qu'il y en ait beaucoup et que je n'ai pas trouvé quelle propriété spécifique le fait ici à l'aide du navigateur de Photoshop (cependant, je ne traite pas beaucoup avec EXIF). Cela devrait cependant vous donner un point de départ. @LazyOne, si vous voulez republier en tant que réponse réelle, je voterai. Je viens de lancer la première image via PunyPNG, et cela a fonctionné pour moi.
Su '
Je l'ai fait :) Thnx Su '
LazyOne
Eu le même problème, la suppression des métadonnées a fonctionné!
résolu le problème :) Si vous pensez qu'il est difficile d'obtenir des programmes pour supprimer les métadonnées, vous pouvez ouvrir l'image dans la peinture (incluse dans les fenêtres), la marquer et la copier, choisir une nouvelle image, coller votre copie et enregistrer.

Réponses:

11

Uuuh .. Je n'ai aucun appareil ou navigateur Apple à vérifier .. mais il semble qu'ils lisent les métadonnées EXIF (en particulier la rotation).

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

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

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

PS Thnx Su '

LazyOne
la source
C'était ça! Quelle chose étrange pour effectuer un navigateur Web. J'ai fini par utiliser IrfanView pour le corriger (ouvrir le fichier et le réenregistrer sans métadonnées) et maintenant tout s'affiche correctement. Merci!
Garrett
1

Essayez d'utiliser JPEG et PNG Stripper http://www.steelbytes.com/?mid=30 puis supprimez toutes les informations relatives aux métadonnées de l'image. Cela fonctionne correctement.

Anetagama
la source
1

Voici un moyen simple de remplacer manuellement les métadonnées de rotation EXIF, si l'image est enregistrée dans le bon sens dans MS Windows. Dans l'Explorateur Windows, faites un clic droit sur le fichier image et sélectionnez "Rotation dans le sens horaire". Faites ceci 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.

BenW
la source
Cela n'a pas fonctionné pour moi. Peut-être que l'Explorateur Windows conserve les métadonnées dans WIndows 10 mais ne les a pas conservées dans les versions précédentes?
M Katz
0

J'ai déposé ce bogue auprès d'Apple via Apple Reporter de bogue . Si cela est important pour vous et que vous disposez d'exemples de données, cela ne peut pas nuire d'avoir plus d'un rapport sur le problème. La capture d'écran ci-dessous devrait mettre en évidence le problème et, au cas où un employé d'Apple jetterait un coup d'œil à ce message, l'ID du problème est le 11299426.

Comportement de rotation incohérent

Aaron
la source