Perché la foto si gira di lato dopo il caricamento

Fotografi un prodotto con il telefono, giri il dispositivo, tocchi il pulsante di scatto. Sullo schermo è dritta. Nel modulo di caricamento del marketplace arriva coricata su un fianco — stesso file, un quarto di giro fuori posto.

Non è il telefono che si è rotto. La foto può benissimo essere di lato dentro il file, e lo è da quando l'hai scattata. Il telefono te la mostra dritta comunque. Il modulo di caricamento no.

Il tuo file si trova in uno di due stati, e per distinguerli basta un solo controllo.

La fotocamera salva la foto come l'ha vista il sensore

Il sensore di immagine è un rettangolo fisso avvitato al telefono; non gira quando giri tu. Scatti una foto verticale e lui registra comunque un'inquadratura orizzontale, con il soggetto coricato su un fianco al suo interno.

Molte fotocamere evitano di riscrivere milioni di pixel e scrivono invece un piccolo numero nei metadati, che significa "ruota di un quarto di giro prima di mostrarla". Altre ruotano i pixel al salvataggio e marcano il file come già dritto — ed ecco perché due telefoni si comportano in modo diverso con lo stesso scatto. In un JPEG quel numero è l'etichetta Exif 274, Orientation, e può descrivere anche inquadrature specchiate, non solo rotazioni.

Alcuni programmi rispettano il flag, altri lo ignorano

I browser moderni lo leggono. La proprietà CSS image-orientation ha come valore iniziale from-image; MDN lo dice senza giri di parole: "le informazioni EXIF contenute nell'immagine vengono usate per ruotare l'immagine in modo appropriato". Funziona così su tutti i browser dall'aprile 2020.

Tutto ciò che non è un browser può ancora ignorare l'etichetta. Gli standard web hanno ormai convergito sul rispettarla, ma moltissimi decoder lato server, generatori di miniature e librerie di immagini sono stati scritti prima di quella convergenza e all'etichetta non guardano affatto — e niente li obbliga a farlo.

Quindi la domanda non è mai "la mia foto è di lato", ma "chi me la sta mostrando ha letto il flag". La tua galleria lo fa. Il generatore di miniature di un marketplace magari no.

Ruotare nella galleria può limitarsi a riscrivere il flag

Tocchi il pulsante di rotazione e il risultato dipende dall'app. Possono succedere due cose molto diverse.

• L'app cambia il valore di orientamento e lascia intatti i dati dei pixel. Istantaneo, senza perdite, invisibile a chiunque ignori il flag: dentro il file la tua foto è ancora di lato.
• L'app ricodifica: decodifica i pixel, li ruota e scrive un file nuovo con il flag azzerato. La rotazione è incorporata e sopravvive ovunque. Per un PNG o un WebP senza perdite non costa nulla; per un JPEG di solito costa una generazione di ricodifica, che vale la pena pagare una volta sola e non vale la pena ripetere.

Quale delle due strade prenda un'app non lo capisci dal pulsante, ed è cambiata tra una versione e l'altra della stessa app. Non dare niente per scontato; controlla il risultato.

Peggio ancora è uno strumento che ruota i pixel ma copia i vecchi metadati senza toccarli: il flag continua a dire "ruota", i pixel lo sono già, e i programmi che lo rispettano girano la foto due volte.

Come capire in quale dei due stati si trova il tuo file

Non lo risolvi guardando meglio, ma solo controllando qualcosa che non sia un'anteprima.

• Confronta la forma con i numeri. Se una foto che sembra verticale risulta più larga che alta nelle proprietà del file, i pixel sono orizzontali ed è un flag a fare il lavoro. Alcuni visualizzatori correggono anche quei numeri, quindi una discrepanza dimostra più di una corrispondenza.
• Leggi il flag stesso. Browser, visualizzatori desktop e miniature dei gestori di file ormai rispettano quasi tutti l'etichetta, quindi il fatto che siano d'accordo tra loro non dimostra nulla. Lavora su una copia, mai sull'originale, e aprila in un visualizzatore Exif per leggere Orientation direttamente. Qualsiasi valore diverso da 1, spesso mostrato come "Normal", significa che è un flag a fare il lavoro e che i pixel non sono dritti.

Sistema l'orientamento prima che qualsiasi altra cosa tocchi il file

remover.bg accetta PNG, JPEG e WebP fino a 25 MB e restituisce un file nuovo con lo sfondo tolto. È uno strumento per rimuovere lo sfondo, non un editor fotografico: la rotazione va fatta nell'editor foto del telefono o nel tuo strumento di design, prima di caricare.

Quell'ordine conta perché stai creando un file nuovo. Sia il PNG sia il contenitore WebP hanno un posto in cui mettere gli Exif — le specifiche WebP di Google ammettono i metadati "in 'EXIF' or 'XMP ' Chunks" — ma se poi l'editor in cui hai ruotato ne scriva davvero nella sua esportazione è una decisione sua, non tua. Incorpora la rotazione nei pixel e non resta nessun flag da perdere. Le nostre note su come caricare ed esportare in WebP senza conversioni riguardano quel formato.

Un ordine di lavoro che funziona:

1. Ruota in un editor ed esporta una copia, invece di toccare il pulsante di rotazione nella galleria.
2. Controlla il valore Orientation su quella copia esportata.
3. Caricala per la rimozione dello sfondo.
4. Appoggia lo scontorno su un colore pieno o su una tua foto, con un'ombra portata se deve posarsi su una superficie.

I team che gestiscono grandi volumi tramite l'API HTTP per rimuovere lo sfondo dalle immagini dovrebbe normalizzare l'orientamento nella pipeline prima di tutto il resto: una sola sorgente di lato diventa uno scontorno di lato, mille volte di fila. L'orientamento sta fuori dalle regole sullo sfondo della nostra guida ai requisiti immagini Amazon, ma un annuncio coricato di lato sembra sciatto per quanto tu abbia fatto bene tutto il resto.

L'abitudine che vale la pena costruire

Fidati del file, non dell'anteprima. Ruota esportando e leggi Orientation una volta sola sulla copia; poi la foto è dritta in un browser, in un generatore di miniature e nella coda di stampa di una tipografia allo stesso modo.