Browser iPad dan iPhone memutar gambar di situs?

13

Saya mengalami kejadian aneh di situs yang saya bangun saat ini di mana gambar ditampilkan 90 derajat berbeda dari yang seharusnya, tetapi tetap mempertahankan dimensi normal dari gambar yang saya tentukan. Ini hanya terjadi pada Safari di iPad dan iPhone untuk saya ... semua browser lain tidak memiliki masalah ini.

masukkan deskripsi gambar di sini

Ada ide?

Halaman yang dimaksud dapat dilihat di sini: http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/

css images iphone ipad Garrett
sumber
4
Uuuh .. Saya tidak punya perangkat Apple atau browser untuk memeriksa .. tapi mungkin mereka membaca info EXIF ​​(terutama rotasi)? Coba hapus semua info tambahan dari gambar-gambar ini (setidaknya satu, gunakan kompresor gambar, seperti ini: punypng.com ) dan ganti gambar Anda dengan versi "dioptimalkan", lalu lihat apakah itu membantu (pastikan browser memiliki versi gambar saat ini, cache begitu jelas).
LazyOne
2
+1 untuk masalah yang belum pernah saya lihat sebelumnya. Beberapa poin data lebih lanjut: IrfanView dan Photoshop keduanya juga memuat gambar atas diputar seperti di Mobile WebKit / Safari. Desktop Safari tidak. Ini mendukung ide yang ada di metadata gambar, meskipun ada banyak di sana dan saya belum menemukan properti spesifik yang melakukannya di sini menggunakan browser Photoshop (saya tidak banyak berurusan dengan EXIF). Seharusnya memberi Anda tempat awal. @LazyOne, jika Anda ingin memposting ulang sebagai jawaban aktual, saya akan memberikan suara. Saya baru saja menjalankan gambar pertama melalui PunyPNG, dan itu berhasil bagi saya.
Su
Saya melakukannya :) Thnx Su '
LazyOne
Punya masalah yang sama, menghapus meta data bekerja!
menyelesaikan masalah :) Jika Anda merasa sulit untuk mendapatkan program untuk menghapus metadata, Anda dapat membuka gambar dalam cat (termasuk di windows), tandai dan salin, pilih gambar baru, tempel salinan Anda dan simpan.

Jawaban:

11

Uuuh .. Saya tidak punya perangkat Apple atau browser untuk memeriksa .. tapi sepertinya mereka membaca metadata EXIF (khususnya rotasi).

Saya telah membuka salah satu gambar ini di XnView - gambar ditampilkan 90 derajat diputar.

Coba hapus semua info tambahan dari gambar-gambar ini (lakukan untuk setidaknya satu gambar). Gunakan kompresor gambar, seperti ini: punypng.com (atau alat lain yang dapat menghapus detail metadata .. atau hanya memutarnya dan menyimpan lagi) dan ganti gambar Anda dengan versi "yang dioptimalkan".

Saat memeriksa lagi di iPad, pastikan browser memiliki versi gambar saat ini, jadi hapus cache.

PS Thnx Su '

LazyOne
sumber
Itu dia! Betapa anehnya efek browser web. Saya akhirnya menggunakan IrfanView untuk memperbaikinya (membuka file dan menyimpannya kembali tanpa metadata) dan sekarang semuanya ditampilkan dengan baik. Terima kasih!
Garrett
1

Coba gunakan JPEG dan PNG Stripper http://www.steelbytes.com/?mid=30 lalu hapus semua informasi yang terkait dengan metadata Gambar. Ini berfungsi dengan baik.

Anetagama
sumber
1

Berikut adalah cara mudah untuk secara manual mengganti metadata rotasi EXIF, jika gambar disimpan dalam orientasi yang benar di MS Windows. Di Windows Explorer, klik kanan pada file gambar dan pilih "Putar searah jarum jam". Lakukan ini 4 kali untuk memutar gambar secara menyeluruh, dan kemudian gambar akan memiliki orientasi yang benar untuk semua sistem. Kemudian Anda dapat mengunggah gambar ke server web Anda.

BenW
sumber
Ini tidak berhasil untuk saya. Mungkin Windows Explorer mempertahankan metadata di WIndows 10 tetapi tidak mempertahankannya di versi sebelumnya?
M Katz
0

Saya telah mengajukan ini sebagai bug dengan Apple melalui Bug Reporter Apple . Jika ini penting bagi Anda dan Anda memiliki data sampel, tidak ada salahnya memiliki lebih dari satu laporan tentang masalah ini. Tangkapan layar di bawah ini akan menyoroti masalah, dan jika kebetulan seorang karyawan Apple melirik posting ini, ID masalahnya adalah 11299426.

Perilaku Rotasi yang Tidak Konsisten

Harun
sumber