Sto riscontrando una strana occasione in un sito che sto costruendo proprio ora in cui le immagini vengono visualizzate a 90 gradi diverse da come dovrebbero, ma mantenendo le dimensioni normali dell'immagine che ho specificato. Questo si verifica solo su Safari in iPad e iPhone per me ... tutti gli altri browser non hanno questo problema.
Qualche idea?
La pagina in questione è disponibile qui: http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/
4
Uuuh .. Non ho alcun dispositivo o browser Apple da controllare .. ma forse stanno leggendo le informazioni EXIF (in particolare la rotazione)? Prova a rimuovere tutte le informazioni extra da queste immagini (almeno una, usa i compressori di immagini, come questa: punypng.com ) e sostituisci la tua immagine con la versione "ottimizzata", quindi vedi se aiuta (assicurati che il browser abbia la versione dell'immagine corrente, cache così chiare).
—
LazyOne,
+1 per il problema che non ho mai mai visto prima. Un paio di ulteriori punti dati: IrfanView e Photoshop caricano entrambi l'immagine superiore ruotata come in Mobile WebKit / Safari. Safari desktop no. Questo supporta l'idea che si trova nei metadati dell'immagine, anche se c'è molto in là e non ho trovato quale proprietà specifica lo sta facendo qui usando il browser di Photoshop (non mi occupo molto di EXIF, però). Dovrebbe darti un punto di partenza, però. @LazyOne, se vuoi ripubblicare come risposta effettiva, la voterò. Ho appena passato la prima immagine attraverso PunyPNG e questo ha funzionato per me.
—
Su
L'ho fatto :) Thnx Su '
—
LazyOne,
