Ridimensiona un'immagine in pixel, percentuale o dentro un riquadro

Le sei modalità e la domanda a cui ciascuna risponde

Ridimensionare sembra un'unica operazione, ma in realtà sono sei, distinte da ciò che già sai. Scegliere quella sbagliata è il modo in cui un avatar finisce con la fronte di qualcuno tagliata via.

Il bordo più lungo è la scelta giusta quando un servizio indica un solo numero, «le immagini non devono superare 1600 pixel», perché funziona sia con una fotografia verticale sia con una orizzontale. Una foto scattata con il telefono, di 4032 × 3024, limitata a 1600 diventa 1600 × 1200, con una scala di 0.397, cioè 1.92 megapixel invece di dodici.

Adatta e riempi sono la coppia che viene confusa più spesso. Adatta ridimensiona l'immagine finché è interamente contenuta nel riquadro, quindi di solito un lato risulta più piccolo del riquadro e nulla viene perso. Riempi ridimensiona finché il riquadro è coperto, poi ritaglia al centro l'eccesso: l'output ha esattamente le dimensioni del riquadro e alcuni pixel vengono eliminati. La stessa foto 4032 × 3024, riempita in un avatar 512 × 512, diventa 512 × 512, prendendo dalla parte centrale una regione di 3024 × 3024: un quarto dell'inquadratura viene eliminato, scelta corretta per un avatar e sbagliata per un documento.

Perché il ridimensionamento in un solo passaggio dà risultati peggiori

Chiedi a un browser di disegnare un'immagine larga 4032 pixel su una canvas larga 400 pixel e, a seconda dell'implementazione, potrebbe campionare all'incirca un pixel sorgente per ogni pixel di destinazione, scartando gli altri cento. Il risultato è l'aliasing: i dettagli fini diventano moiré, i bordi diagonali si trasformano in scalini e la fotografia assume un aspetto granuloso e troppo nitido che nessuna impostazione di qualità può correggere, perché il danno è avvenuto prima dell'esecuzione dell'encoder.

La soluzione è vecchia ed economica. Dimezza l'immagine ripetutamente finché il passaggio successivo la porterebbe oltre la dimensione richiesta, poi esegui il passaggio finale. Ogni dimezzamento fa la media di quattro pixel in uno, quindi quando l'immagine raggiunge la dimensione obiettivo ogni pixel sorgente ha contribuito al risultato. Questo strumento fa proprio questo, con un costo di circa un millisecondo.

È anche il motivo per cui l'output di un ridimensionamento qui è di solito leggermente più morbido di quello di un ridimensionamento ingenuo e molto più gradevole. La morbidezza dovuta a una media corretta è informazione reale; la nitidezza dovuta all'aliasing è un artefatto.

Dimensioni per avatar e profili, e perché sono più piccole di quanto pensi

La maggior parte delle piattaforme chiede un file molto più grande di ciò che mostra effettivamente, poi lo ricodifica sui propri server. Conoscere la dimensione visualizzata evita di spendere quattro megabyte per un'immagine che verrà mostrata a 98 pixel.

In pratica: una sola immagine quadrata 512 × 512 copre praticamente ogni spazio avatar di questo elenco. Qualunque immagine più grande viene comunque ricodificata dall'altra parte, mentre una molto più piccola apparirà sfocata su uno schermo ad alta densità. Usa la modalità riempi con un riquadro 512 × 512, controlla che il ritaglio abbia mantenuto il tuo viso invece della spalla e hai finito.

Vale la pena dedicare un pensiero alle maschere circolari. Tutte le piattaforme nella tabella sopra, tranne Slack e GitHub, ritagliano l'avatar in un cerchio, eliminando gli angoli: quindi qualsiasi elemento importante deve stare dentro il cerchio inscritto, non nel quadrato. Il testo lungo il bordo inferiore di un logo scompare completamente.

Ingrandire e ciò che può e non può fare

Questo strumento ingrandirà un'immagine se lo attivi, e il riepilogo dirà che lo ha fatto. L'interpolazione inventa pixel intermedi a partire da quelli circostanti; non recupera dettagli, perché quei dettagli non sono mai stati registrati. Raddoppiare un'immagine di 400 pixel produce un'immagine di 800 pixel che contiene esattamente la stessa quantità di informazioni di quella da 400 pixel e appare più morbida a parità di dimensione di visualizzazione.

Gli upscaler basati sull'apprendimento automatico che aggiungono davvero dettagli apparenti lo fanno inventando dettagli plausibili: può andare bene per uno sfondo, ma è inadatto a qualsiasi cosa usata come prova, per un'identificazione o per un documento. Nulla di ciò che si trova su questo sito lo fa, e nulla sul sito finge che la questione non esista.

Se il requisito è una dimensione di stampa anziché una dimensione in pixel, il calcolo è più semplice di quanto sembri: dividi i pixel per la risoluzione di stampa. Un'immagine di 1600 pixel a 300 punti per pollice è larga 5.3 pollici; a 150 punti per pollice, una risoluzione adatta a qualsiasi cosa venga letta a distanza di un braccio, è larga 10.7 pollici. Il campo di risoluzione EXIF non ha nulla a che fare con questo, e modificarlo non cambia nulla dell'immagine.

Trasparenza, rotazione e metadati

PNG e WebP contengono entrambi un canale alpha, che il ridimensionamento conserva. JPEG non può memorizzare la trasparenza, quindi scegliere JPEG appiattisce l'immagine sul bianco: lo strumento controlla prima la sorgente e segnala il problema solo quando ci sono davvero pixel trasparenti. Se la trasparenza è importante e conta anche la dimensione del file, WebP è il formato che permette entrambe le cose.

La rotazione viene gestita prima di tutto il resto. Un telefono memorizza la maggior parte delle fotografie in orizzontale, con un tag EXIF che indica come ruotarle, mentre una canvas ignora quel tag se non le viene chiesto di applicarlo. Questo strumento lo applica, quindi la rotazione viene incorporata nei pixel e l'output non ha bisogno del tag: è anche il motivo per cui il file ridimensionato viene visualizzato nel verso corretto dai software che ignorano completamente EXIF.

Poiché l'output viene codificato a partire dai pixel, nessun metadato sopravvive: nessuna posizione, nessuna fotocamera, nessun numero di serie, nessun XMP, nessun C2PA. È un effetto collaterale, non lo scopo. Se vuoi rimuovere i metadati mantenendo intatta l'immagine, lo strumento per i metadati lo fa senza ricodificare nulla; il compressore è la pagina giusta quando devi rispettare un limite sulla dimensione del file invece di una dimensione in pixel.