Przeglądarka iPad i iPhone obraca obrazy na stronie?

13

Występuje dziwne zdarzenie w witrynie, którą właśnie buduję, gdzie obrazy są wyświetlane o 90 stopni inaczej niż powinny, ale zachowując normalne wymiary obrazu, które określiłem. Dzieje się tak tylko w Safari na iPadzie i iPhonie dla mnie ... wszystkie inne przeglądarki nie mają tego problemu.

wprowadź opis zdjęcia tutaj

Jakieś pomysły?

Stronę, o której mowa, można zobaczyć tutaj: http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-w-the-princesses/

css images iphone ipad Garrett
źródło
4
Uuuh .. Nie mam urządzenia Apple ani przeglądarki do sprawdzenia .. ale może czytają informacje EXIF ​​(zwłaszcza rotację)? Spróbuj usunąć wszystkie dodatkowe informacje z tych obrazów (przynajmniej jeden, użyj kompresorów obrazu, takich jak ten: punypng.com ) i zamień swój obraz na „zoptymalizowaną” wersję, a następnie sprawdź, czy to pomaga (upewnij się, że przeglądarka ma aktualną wersję obrazu, tak jasne skrzynki).
LazyOne
2
+1 za problem, którego nigdy wcześniej nie widziałem. Kilka dalszych punktów danych: IrfanView i Photoshop ładują również górny obraz obrócony jak w Mobile WebKit / Safari. Desktop Safari nie. To potwierdza pomysł, że jest w metadanych obrazu, choć jest tam wiele i nie znalazłem, która konkretna właściwość robi to tutaj za pomocą przeglądarki Photoshopa (jednak nie mam wiele do czynienia z EXIF). Powinien jednak dać ci początek. @LazyOne, jeśli chcesz ponownie opublikować jako rzeczywistą odpowiedź, zagłosuję. Właśnie uruchomiłem pierwszy obraz przez PunyPNG i to zadziałało dla mnie.
Su
Zrobiłem to :) Thnx Su '
LazyOne
Miał ten sam problem, usunięcie meta danych zadziałało!
rozwiązał problem :) Jeśli uważasz, że kłopotliwe jest uzyskiwanie programów do usuwania metadanych, możesz otworzyć obraz w farbie (dołączony do systemu Windows), oznaczyć go i skopiować, wybrać nowy obraz, wkleić kopię i zapisać.

Odpowiedzi:

11

Uuuh .. Nie mam urządzenia Apple ani przeglądarki do sprawdzenia ... ale wygląda na to, że czytają metadane EXIF (w szczególności rotację).

Otworzyłem jeden z tych obrazów w XnView - obraz jest wyświetlany o 90 stopni obrócony.

Spróbuj usunąć wszystkie dodatkowe informacje z tych obrazów (zrób to dla co najmniej jednego obrazu). Użyj kompresorów obrazu, takich jak ten: punypng.com (lub dowolnego innego narzędzia, które może usunąć szczegóły metadanych .. lub po prostu obróć go i zapisz ponownie) i zamień swój obraz na „zoptymalizowaną” wersję.

Sprawdzając ponownie na iPadzie, upewnij się, że przeglądarka ma aktualną wersję obrazu, więc wyczyść pamięć podręczną.

PS Thnx Su ”

LazyOne
źródło
To było to! Co za dziwna rzecz dla przeglądarki internetowej. Skończyłem używać IrfanView, aby to naprawić (otwieranie pliku i ponowne zapisywanie go bez metadanych), a teraz wszystko wyświetla się dobrze. Dzięki!
Garrett,
1

Spróbuj użyć JPEG i PNG Stripper http://www.steelbytes.com/?mid=30, a następnie usuń wszystkie informacje związane z metadanymi obrazu. Działa poprawnie.

Anetagama
źródło
1

Oto prosty sposób ręcznego zastąpienia metadanych obrotu EXIF, jeśli obraz jest zapisany w prawidłowej orientacji w MS Windows. W Eksploratorze Windows kliknij prawym przyciskiem myszy plik obrazu i wybierz „Obróć zgodnie z ruchem wskazówek zegara”. Zrób to 4 razy, aby obrócić obraz dookoła, a wtedy obraz będzie miał prawidłową orientację dla wszystkich systemów. Następnie możesz przesłać obraz na swój serwer internetowy.

BenW
źródło
To mi nie zadziałało. Być może Eksplorator Windows zachowuje metadane w systemie Windows 10, ale nie utrzymywał ich w poprzednich wersjach?
M Katz,
0

Złożyłem to jako błąd w Apple za pośrednictwem Apple Bug Reporter . Jeśli jest to dla Ciebie ważne i masz przykładowe dane, nie może zaszkodzić mieć więcej niż jeden raport na temat problemu. Poniższy zrzut ekranu powinien uwidocznić problem, a przy przypadkowym spojrzeniu pracownika Apple na ten post identyfikator problemu to 11299426.

Niespójne zachowanie rotacji

Aaron
źródło