Strumento gratuito per capovolgere immagini

Come funziona il ribaltamento

Un ribaltamento è uno specchio perfetto al pixel, la geometria dell'immagine viene riflessa attraverso un asse senza ricampionamento, interpolazione o perdita. Il browser disegna l'immagine caricata su un Canvas fuori schermo, applica ctx.scale(-1, 1) per il ribaltamento orizzontale o ctx.scale(1, -1) per quello verticale, poi ridisegna. Poiché la trasformazione si limita a invertire il sistema di coordinate prima di disegnare, ogni pixel di output corrisponde esattamente a un pixel di input, nessuna perdita di qualità nella bitmap stessa.

L'unico punto in cui la qualità può andare persa è il passaggio di codifica finale. PNG e WebP supportano la codifica senza perdita e fanno il round-trip di un'immagine ribaltata senza degradazione. JPEG è un formato con perdita; ricodificare il canvas in JPEG introduce sempre un po' di rumore di quantizzazione, anche alla massima qualità. Se sei partito da un JPEG e ti serve di nuovo un JPEG, il ribaltamento più la ricompressione sono inevitabili. Le trasformazioni JPEG-a-JPEG senza perdita sono possibili (lo strumento da riga di comando jpegtran -flip horizontal opera sui coefficienti della trasformata discreta del coseno senza decomprimere) ma nessun browser espone quell'operazione direttamente.

Quando hai bisogno di ribaltare un'immagine

• Correzione dei selfie. La maggior parte dei telefoni mostra l'anteprima della fotocamera anteriore come immagine speculare (così vedi ciò a cui sei abituato dallo specchio del bagno) ma salva la foto scattata non speculare, il che significa che la foto ti appare «sbagliata» quando la riguardi. iOS lo segnala in Impostazioni → Fotocamera → Specchia fotocamera anteriore. Ribaltare orizzontalmente ripristina la versione speculare a cui i tuoi occhi sono abituati.
• Layout di design simmetrici. Costruire una composizione bilanciata da un singolo asset, un logo con una freccia che punta a sinistra e deve puntare anche a destra, la foto di una sedia da rispecchiare attraverso un divisorio, un set di icone di cui hai una sola direzione.
• Individuazione della composizione nell'arte. Pittori e fotografi tradizionalmente ribaltano le loro opere durante la revisione perché l'«affaticamento dell'occhio» nasconde gli squilibri sulle immagini familiari. Una versione ribaltata orizzontalmente della tua foto o del tuo dipinto rivela gli errori di composizione in pochi secondi, lo stesso trucco usato da Leonardo da Vinci, che notoriamente scriveva i suoi taccuini in scrittura speculare e conosceva il valore di vedere il proprio lavoro con occhi nuovi.
• Preparazione per la stampa. Alcuni processi di stampa (carta a trasferimento termico, serigrafia, applicazioni a ferro da stiro per magliette, certe incisioni di timbri) richiedono che la grafica sia pre-ribaltata così da apparire correttamente dopo il trasferimento. Non ribaltare prima produce testo al contrario e loghi rovesciati.
• Immagini di riferimento per i designer. Studiare come si legge un layout nella direzione di scrittura da destra a sinistra, o come funziona il design di una bandiera in una collocazione speculare.
• Test di accessibilità per strumenti per la dislessia / l'elaborazione visiva. Alcune tecnologie assistive rendono versioni speculari; testare come appare un'interfaccia ribaltata può far emergere problemi di leggibilità.

Perché i selfie sembrano strani

C'è una piccola ragione psicologica che vale la pena conoscere: le persone preferiscono l'immagine speculare del proprio volto alla versione non speculare che vedono tutti gli altri. Lo studio originale del 1977 (Mita, Dermer, & Knight, «Reversed facial images and the mere-exposure hypothesis») mostrò ai soggetti entrambe le versioni dei propri ritratti e scoprì che valutavano costantemente la versione speculare come più attraente. La spiegazione semplice: è la versione che vedi ogni giorno negli specchi e nelle vetrine; è familiare, e la familiarità (l'«effetto di mera esposizione») guida la preferenza.

La conseguenza pratica: quando riguardi un selfie che la fotocamera ha salvato non speculare, le asimmetrie del tuo volto appaiono «scambiate» rispetto a come ti vedi di solito. Ribaltare la foto orizzontalmente ti riporta alla versione che il tuo cervello riconosce. Le foto scattate per inviarle ad altre persone non hanno bisogno di essere ribaltate, ti stanno vedendo per la prima volta e non hanno alcuna «versione speculare» con cui confrontare.

Orientamento EXIF: un tranello nascosto

Le immagini JPEG da fotocamere e telefoni portano un tag di metadati EXIF chiamato Orientation (valori 1-8) che dice al visualizzatore come mostrare il file. Alcuni risultati «ribaltati» possono essere codificati come modifiche del tag di orientamento senza modificare alcun pixel, il che è molto più veloce e senza perdita. La maggior parte degli strumenti online, incluso questo, gestisce il JPEG leggendo i pixel tramite il Canvas e ricodificando, il che funziona correttamente per il risultato visibile ma scarta nel processo il flag di orientamento EXIF originale.

Conseguenza pratica: se il tuo JPEG di input aveva un tag di orientamento EXIF (ad es. foto verticale da un telefono con orientation=6 che significa «ruota di 90° in senso orario per visualizzare»), il JPEG di output sarà una bitmap piatta già ruotata con orientation=1. Visivamente identica all'input ma senza alcun suggerimento di orientamento EXIF. La maggior parte dei software gestisce correttamente entrambi i casi; alcuni visualizzatori di foto più vecchi potrebbero rendere l'input e l'output a rotazioni diverse.

Output PNG o JPG: quale scegliere

• Output come PNG se la sorgente era un PNG, uno screenshot o qualsiasi cosa con bordi netti o testo. Il PNG è senza perdita, l'output ribaltato è identico bit per bit a una versione ribaltata a mano della sorgente. Preserva la trasparenza.
• Output come JPG solo se la sorgente era una foto JPEG e vuoi una dimensione di file simile. La ricodifica JPG aggiunge alcuni artefatti di compressione anche alla massima qualità. JPG non ha supporto per la trasparenza, i canali alfa vengono appiattiti su un colore di sfondo (di solito il bianco).
• Output come WebP (dove lo strumento lo offre) per il miglior compromesso dimensione-qualità nei contesti web moderni. Il WebP senza perdita è più piccolo del PNG; il WebP con perdita è più piccolo del JPG a parità di qualità visiva.

Privacy

Le foto contengono molto più della sola immagine: i metadati EXIF possono includere le coordinate GPS dove è stato fatto lo scatto, il numero di serie della fotocamera, il timestamp di acquisizione originale e impronte del software. Gli screenshot possono contenere interfacce riservate, testo in bozza, branding interno di un'app. Le foto personali contengono volti di persone che non hanno acconsentito a essere condivise con terzi. I ribaltatori lato server ricevono tutto questo. Questo strumento funziona interamente nel tuo browser tramite la Canvas API, l'immagine passa dal tuo file system a un canvas in memoria e torna alla tua cartella dei download. Nulla viene caricato.

Errori comuni

1. Dimenticare che il testo diventa illeggibile dopo un ribaltamento orizzontale. Loghi con parole, insegne, didascalie, qualsiasi cosa leggibile nella sorgente diventa scrittura speculare nell'output. Utile quando voluto; stridente quando no.
2. Perdita da ricompressione JPEG. Ribaltare un JPEG e salvarlo come JPEG ricodifica sempre. Per più ribaltamenti in sequenza, i passaggi intermedi di salvataggio come JPEG accumulano la perdita. Salva come PNG tra i passaggi se ribalterai più volte.
3. Perdere la trasparenza esportando come JPG. Il JPEG non ha canale alfa. Un PNG con sfondo trasparente viene appiattito su uno sfondo JPG bianco (o qualunque sia il ripiego).
4. Dimenticare il tag di orientamento EXIF. Se i tuoi strumenti a valle dipendono dall'orientamento EXIF, questo round-trip lo scarta. L'immagine visibile è corretta; i metadati vengono azzerati.
5. Provare a ribaltare un GIF animato e ottenere solo il primo fotogramma. La maggior parte delle API canvas dei browser vede solo il primo fotogramma di un GIF animato. Il ribaltamento di più fotogrammi richiede una libreria GIF dedicata che decompone e riassembla ogni fotogramma.
6. Premere Reimposta e perdere il lavoro. Reimposta sostituisce il canvas con l'originale. Se hai impilato più ribaltamenti e vuoi annullarne solo uno, non esiste un annullamento integrato; reimposta e riapplica.
7. Limiti di dimensione del canvas su Safari mobile. iOS Safari limita i canvas molto grandi (circa 4096×4096 nella pratica). Le immagini ad altissima risoluzione potrebbero essere ridotte dal browser prima del ribaltamento. Per un lavoro perfetto al pixel su immagini enormi, fallo su desktop.

Altre domande frequenti

L'immagine ribaltata perderà qualità?

L'operazione di ribaltamento in sé è senza perdita, ogni pixel di output corrisponde esattamente a un pixel di input tramite un'inversione di coordinate. La qualità può andare persa solo nella codifica finale: gli output PNG e WebP sono senza perdita e identici al pixel al ribaltamento della sorgente. L'output JPG ricodifica la bitmap e aggiunge un po' di rumore di quantizzazione. Se sei partito da un JPG e non ti serve un file più piccolo, salva come PNG per evitare il secondo passaggio di compressione.

Funziona sui GIF animati?

La Canvas API del browser tipicamente ti dà solo il primo fotogramma di un GIF animato. Quindi un GIF ribaltato qui sarà una singola immagine statica del primo fotogramma, non un ribaltamento animato. Per il ribaltamento fotogramma per fotogramma di un GIF animato, usa uno strumento GIF dedicato che decompone l'animazione, ribalta ogni fotogramma e riassembla.

Perché i dati EXIF della mia foto scompaiono dopo il ribaltamento?

Perché il ribaltamento avviene tramite il Canvas, che vede solo i pixel, non i metadati EXIF. L'immagine di output viene codificata da zero, con un orientamento EXIF predefinito di 1 (nessuna rotazione necessaria) e senza il GPS, il modello di fotocamera o il timestamp della sorgente. Dal punto di vista della privacy questa di solito è una buona cosa; dal punto di vista dell'archiviazione significa che i tuoi strumenti a valle non vedono alcun EXIF.

Viene caricato qualcosa?

No. L'immagine viene caricata in un Canvas nel tuo browser tramite FileReader + Image, il ribaltamento viene eseguito tramite ctx.scale + drawImage, e il download viene generato localmente tramite canvas.toBlob. Nessuna richiesta di rete trasporta i byte dell'immagine. Questo è importante quando l'immagine contiene GPS EXIF, volti, screenshot di interfacce riservate o qualunque altra cosa che preferiresti non consegnare a terzi.

Perché la dimensione massima dell'immagine è 50 MB?

Le operazioni del canvas scalano con l'area in pixel, non con la dimensione del file, ma i file molto grandi significano indirettamente canvas molto grandi, e i browser limitano le dimensioni del canvas sui dispositivi con memoria limitata (in particolare iOS Safari, che limita l'area del canvas a circa 4096×4096 nella pratica). Il limite di 50 MB è una rete di sicurezza per evitare il crash della scheda. Per immagini più grandi, riduci prima con lo strumento Ridimensiona immagine, poi ribalta.

Qual è la differenza tra ribaltare e ruotare?

Ribaltare rispecchia l'immagine attraverso un asse (sinistra-destra o alto-basso) producendo un'immagine speculare. Ruotare gira l'immagine attorno al suo centro (90°, 180°, 270°). Un ribaltamento orizzontale + un ribaltamento verticale è la stessa cosa di una rotazione di 180°, ma un singolo ribaltamento orizzontale non è la stessa cosa di una rotazione di 90°. Usa uno strumento di rotazione (o la combinazione verticale + orizzontale di questo strumento per i 180°) quando hai davvero bisogno di girare l'immagine, non di rispecchiarla.