JPG, PNG, WebP o AVIF

I quattro formati a confronto

I punti di forza di ciascun formato

Il JPG memorizza i dettagli fini in blocchi di 8 × 8 pixel con una precisione ridotta e, di solito, con il colore a una risoluzione più bassa della luminosità. Nelle foto questo si nota poco; attorno al testo e ai bordi netti, invece, compaiono aloni. Ogni volta che un JPG viene modificato e salvato di nuovo, viene ricodificato e di solito perde un altro po’ di dettaglio. Il valore della qualità è spiegato in Le impostazioni di compressione delle immagini spiegate.

Il PNG è senza perdita e comprime individuando schemi ripetuti e prevedibili: per questo screenshot, grafici e loghi restano leggeri, mentre le foto no. Una foto da 12 megapixel contiene 36 milioni di byte di valori di colore (4.000 × 3.000 pixel × 3 byte); il rumore della fotocamera quasi non si ripete, quindi il PNG che ne risulta è di solito diverse volte più pesante di un buon JPG.

Il WebP ha una modalità con perdita e una senza perdita, entrambe con trasparenza. Il WebP con perdita memorizza il colore a metà larghezza e a metà altezza, quindi le linee colorate sottili e il testo rosso possono apparire poco definiti. Nessuno dei due lati di un’immagine WebP può superare i 16.383 pixel, il che esclude gli screenshot molto lunghi; il formato JPG arriva fino a 65.535.

L’AVIF deriva dal codec video AV1. Per le foto è spesso il più efficiente dei quattro, soprattutto a qualità più basse, e può memorizzare colore a 10 o 12 bit e immagini HDR. La codifica è di solito più lenta e, al di fuori dei browser, il supporto è meno diffuso di quello del WebP.

Un esempio misurato: uno screenshot, sei file

Abbiamo disegnato lo screenshot di una dashboard di 1.280 × 800 pixel (colori uniformi, testo, un grafico a barre) e lo abbiamo salvato con Python Pillow 12.3 (libjpeg-turbo 3.1, libwebp 1.6, libavif 1.4) a qualità 92 nei formati che prevedono un valore di qualità: lo stesso numero dello 0,92 fisso che il convertitore di LeedyBox passa al browser. Per il WebP senza perdita abbiamo usato l’impostazione più lenta e con la compressione più spinta. Si tratta di una sola immagine sintetica: gli encoder dei browser usano altre impostazioni e danno numeri diversi, e le foto si comportano in un altro modo. 1 KB = 1.024 byte.

Per questa grafica a colori uniformi il JPG è stato la scelta peggiore: oltre il doppio del peso e un risultato non più identico all’originale. Il WebP senza perdita ha mantenuto ogni pixel ed è risultato il più leggero, mentre il WebP con perdita non ha fatto risparmiare quasi nulla. Riconvertire il JPG in PNG non ha annullato nulla: il PNG ha dovuto memorizzare esattamente gli artefatti del JPG ed è arrivato a 4,5 volte il peso dell’originale.

Un logo di 512 × 512 pixel su sfondo trasparente ha prodotto 31,6 KB in PNG, 18,4 KB in WebP con perdita (con la trasparenza mantenuta), 16,6 KB in AVIF, 12,7 KB in WebP senza perdita e 25,2 KB in JPG, con un quadrato bianco al posto della trasparenza. Anche in questo caso il WebP senza perdita ha dato il file più leggero e ha mantenuto ogni pixel.

Che cosa può fare (e non fare) una conversione

• Non recupera i dettagli. Un JPG salvato come PNG conserva i suoi artefatti.
• Passando da un formato con perdita a un altro, la perdita si somma. Da JPG a WebP o AVIF i vecchi artefatti vengono codificati di nuovo, quindi parti dal miglior originale che hai.
• La trasparenza richiede un formato in grado di memorizzarla. Il JPG non ha un canale alfa, quindi il convertitore LeedyBox riempie di bianco le aree trasparenti quando salva in JPG o BMP, e i bordi sfumati vengono fusi con quel bianco. Mantieni loghi e scontornati in PNG o WebP.
• Spesso contano di più le dimensioni in pixel. Una foto di 4.000 × 3.000 mostrata a 1.200 × 900 contiene 12 milioni di pixel dove ne servono 1,08 milioni, circa 11 volte tanti. Anche uno schermo con il doppio della densità di pixel ne usa solo 2.400 × 1.800, cioè 4,32 milioni. Vedi Ridimensionare le immagini.

Convertire con il convertitore di immagini di LeedyBox

1. Apri il Convertitore di immagini e fai clic su «Scegli i file o trascinali qui», oppure trascina le immagini nel riquadro. Sono accettati PNG, JPG, WebP, BMP, GIF e AVIF, purché il browser riesca ad aprire il file.
2. Ogni file compare nell’elenco con le sue dimensioni in pixel e un menu dei formati impostato inizialmente su JPG, che offre anche PNG, WebP, BMP, AVIF e ICO. Puoi cambiarlo file per file oppure usare il menu «Imposta tutti i formati su...» accanto a «Opzioni batch:» per cambiare tutti i file insieme. Per qualsiasi immagine con parti trasparenti scegli PNG, WebP o AVIF.
3. Fai clic su «Converti e scarica». Una sola immagine viene scaricata con il suo nome seguito da «_converted», ad esempio vacanze_converted.webp; più immagini arrivano in leedybox_converted_images.zip.

Il convertitore mantiene le dimensioni in pixel, tranne che per l’ICO, che viene rimpicciolito per rientrare in 256 × 256 pixel. Per JPG, WebP e AVIF chiede al browser la qualità 0,92 (su una scala da 0 a 1) e non offre un’impostazione della qualità. Chrome ed Edge, con questo valore, creano un WebP con perdita; gli encoder di altri browser possono comportarsi diversamente. JPG e BMP ricevono uno sfondo bianco; il BMP viene salvato non compresso a 24 bit per pixel, quindi una foto di 6.000 × 4.000 diventa un file di 72.000.054 byte. Molti browser non sono in grado di creare AVIF: il convertitore lo verifica all’apertura della pagina e, se il test non riesce, disattiva l’opzione e la contrassegna come «AVIF (non supportato da questo browser)».

La conversione avviene nel browser e le immagini non vengono inviate a LeedyBox per questa operazione. Ogni immagine viene ridisegnata, quindi i dati EXIF, la posizione GPS e gli altri metadati non vengono copiati. Per scegliere la qualità e vedere un confronto prima e dopo usa Comprimi immagini (JPG, WebP o PNG, con un cursore della qualità che parte da 75 oppure un peso di destinazione); per ridurre le dimensioni, Ridimensiona immagini.

Quale formato per quale uso

Per le immagini nelle pagine web, vedi anche Scegliere il formato di immagine giusto per il web.

Problemi comuni e soluzioni

• Lo sfondo trasparente è diventato bianco. L’output era JPG, il formato preimpostato, oppure BMP. Converti di nuovo in PNG, WebP o AVIF.
• Il file è diventato più pesante. Succede spesso con foto o JPG salvati come PNG, e con il BMP, che non è compresso. Per le foto usa JPG o WebP, oppure tieni l’originale.
• Non è possibile selezionare AVIF. Il tuo browser non è in grado di creare AVIF. Scegli WebP o prova un altro browser.
• Lo ZIP contiene meno file di quelli aggiunti. Se convertiti in WebP, logo.png e logo.jpg diventano entrambi logo_converted.webp, e il file successivo sostituisce il precedente. Rinominane prima uno.
• Non è stato scaricato nulla. La conversione di un file non riesce quando il browser non può creare il formato scelto: alcuni browser non sono in grado di creare WebP, e il formato WebP non ammette immagini più larghe o più alte di 16.383 pixel. Anche le immagini molto grandi possono superare le dimensioni del canvas che un browser riesce a gestire. In una conversione multipla, un solo file non riuscito blocca il convertitore prima che venga creato lo ZIP. Cambia il formato di quel file o rimuovilo.
• Un’animazione è diventata un’immagine fissa. Viene mantenuto un solo fotogramma, di norma il primo.

Che cosa controllare dopo la conversione

• Guarda il risultato alle dimensioni reali: testo, bordi, volti e sfumature.
• Confronta il peso dei file e tieni l’originale se il nuovo file non è più leggero.
• Controlla le immagini trasparenti su uno sfondo chiaro e su uno scuro.
• Prova il file dove verrà usato: alcuni programmi di posta elettronica e moduli di caricamento rifiutano WebP o AVIF.

Domande frequenti