iPad und iPhone Browser drehen Bilder vor Ort?

13

Auf einer Site, die ich gerade erst baue, tritt ein ungewöhnliches Ereignis auf, bei dem Bilder um 90 Grad anders angezeigt werden als erwartet, wobei jedoch die normalen Abmessungen des von mir angegebenen Bildes beibehalten werden. Dies tritt nur auf der Safari in iPad und iPhone für mich auf ... alle anderen Browser haben dieses Problem nicht.

Bildbeschreibung hier eingeben

Irgendwelche Ideen?

Die betreffende Seite kann hier eingesehen werden: http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/

css images iphone ipad Garrett
quelle
4
Uuuh .. Ich habe kein Apple-Gerät oder Browser zu überprüfen .. aber vielleicht lesen sie EXIF-Informationen (vor allem Rotation)? Versuchen Sie, alle zusätzlichen Informationen aus diesen Bildern zu entfernen (mindestens eines, verwenden Sie Bildkomprimierungsprogramme wie das folgende: punypng.com ) und ersetzen Sie Ihr Bild durch eine "optimierte" Version. Prüfen Sie dann , ob dies hilfreich ist (stellen Sie sicher, dass der Browser die aktuelle Bildversion hat). so klar caches).
LazyOne
2
+1 für Problem habe ich noch nie jemals zuvor gesehen hat . Einige weitere Datenpunkte: IrfanView und Photoshop laden das obere Bild ebenfalls gedreht wie in Mobile WebKit / Safari. Desktop Safari nicht. Dies unterstützt die Idee, dass es in den Bild-Metadaten ist, obwohl es eine Menge gibt und ich nicht gefunden habe, welche bestimmte Eigenschaft es hier mit Photoshop-Browser macht (ich beschäftige mich jedoch nicht viel mit EXIF). Sollte dir aber einen Startplatz geben. @LazyOne, wenn du als tatsächliche Antwort erneut posten möchtest, stimme ich ab. Ich habe gerade das erste Bild über PunyPNG abgespielt, und das hat bei mir funktioniert.
Su‘
Ich habe es geschafft :) Thnx So '
LazyOne
Hatte das gleiche Problem, das Entfernen der Metadaten hat funktioniert!
Problem behoben :) Wenn Sie der Meinung sind, dass es umständlich ist, Programme zum Löschen der Metadaten zu veranlassen, können Sie das Bild in Paint (in Windows enthalten) öffnen, markieren und kopieren, ein neues Bild auswählen, Ihre Kopie einfügen und speichern.

Antworten:

11

Uuuh .. Ich habe kein Apple-Gerät oder keinen Apple-Browser zum Überprüfen .. aber es sieht so aus, als würden sie EXIF- Metadaten lesen (insbesondere Rotation).

Ich habe eines dieser Bilder in XnView geöffnet - das Bild wird um 90 Grad gedreht angezeigt.

Versuchen Sie, alle zusätzlichen Informationen aus diesen Bildern zu entfernen (machen Sie dies für mindestens ein Bild). Verwenden Sie Bildkomprimierungsprogramme wie das folgende: punypng.com (oder ein anderes Tool, mit dem Metadatendetails entfernt werden können. Oder drehen Sie es einfach und speichern Sie es erneut.) Und ersetzen Sie Ihr Bild durch eine "optimierte" Version.

Stellen Sie beim erneuten Überprüfen auf dem iPad sicher, dass der Browser über die aktuelle Bildversion verfügt. Löschen Sie daher die Caches.

PS Thnx Su '

LazyOne
quelle
Das war's! Was für eine seltsame Sache, einen Webbrowser zu beeinflussen. Ich habe IrfanView verwendet, um das Problem zu beheben (Öffnen der Datei und erneutes Speichern ohne Metadaten), und jetzt wird alles in Ordnung angezeigt. Vielen Dank!
Garrett
1

Versuchen Sie es mit JPEG und PNG Stripper http://www.steelbytes.com/?mid=30 und entfernen Sie dann alle Informationen zu den Metadaten von Image. Es funktioniert einwandfrei

Anetagama
quelle
1

Hier ist eine einfache Möglichkeit, die EXIF-Rotationsmetadaten manuell zu überschreiben, wenn das Bild in MS Windows in der richtigen Ausrichtung gespeichert ist. Klicken Sie im Windows Explorer mit der rechten Maustaste auf die Bilddatei und wählen Sie "Im Uhrzeigersinn drehen". Führen Sie dies viermal durch, um das Bild vollständig zu drehen. Das Bild hat dann für alle Systeme die richtige Ausrichtung. Anschließend können Sie das Bild auf Ihren Webserver hochladen.

BenW
quelle
Das hat bei mir nicht geklappt. Vielleicht behält Windows Explorer die Metadaten in Windows 10 bei, hat sie aber in früheren Versionen nicht beibehalten?
M Katz
0

Ich habe dies über Apples Bug Reporter als Fehler bei Apple gemeldet . Wenn dies für Sie wichtig ist und Sie über Beispieldaten verfügen, kann es nicht schaden, mehr als einen Bericht zu dem Problem zu haben. Der Screenshot unten sollte das Problem hervorheben. Wenn ein Mitarbeiter von Apple diesen Beitrag aus Versehen anschaut, lautet die Problem-ID 11299426.

Inkonsistentes Rotationsverhalten

Aaron
quelle