PNG, JPG e WebP: quale formato di immagine è più adatto al tuo caso?

Usa JPG per le fotografie, PNG quando ti serve la trasparenza o testo e linee nitidi, e WebP quando vuoi file più piccoli e il tuo pubblico usa browser moderni. Quasi ogni decisione si riduce a due domande: l'immagine ha uno sfondo trasparente ed è una foto o una grafica?

Il formato JPG (a volte scritto anche JPEG) utilizza una compressione con perdita di dati. Elimina parte delle informazioni dell’immagine che l’occhio umano difficilmente noterebbe, il che consente di ottenere file fotografici notevolmente più piccoli rispetto alle dimensioni dei pixel originali. Nel caso di una foto di una spiaggia o di un ritratto con sfumature delicate e migliaia di colori, questo è esattamente ciò che si desidera, e la perdita di qualità è solitamente impercettibile.

Il formato JPG presenta due principali punti deboli. In primo luogo, non supporta il canale alfa, quindi ogni pixel è opaco e non è possibile ottenere la trasparenza. In secondo luogo, gestisce male i bordi netti: se si inserisce del testo nero o una linea definita su uno sfondo uniforme, il formato JPG aggiunge aloni sfocati e a blocchi attorno ai bordi, che sono i cosiddetti artefatti di compressione. Per questo motivo, uno screenshot di un documento salvato in formato JPG appare sfocato, mentre lo stesso screenshot salvato in formato PNG rimane nitido.

Il formato PNG utilizza una compressione senza perdita di dati. Riduce le dimensioni del file senza eliminare alcuna informazione sui pixel, quindi ciò che viene inserito è esattamente ciò che si ottiene in uscita. Questo lo rende perfetto per loghi, icone, schermate, diagrammi e qualsiasi elemento contenente testo o bordi netti, evitando gli artefatti sfocati che si verificano con il formato JPG.

La caratteristica principale del formato PNG è la presenza di un canale alfa completo: i pixel possono essere completamente trasparenti, completamente opachi o avere qualsiasi livello di trasparenza intermedio. In questo modo, un logo può essere sovrapposto in modo pulito a qualsiasi colore di sfondo. Lo svantaggio è la dimensione del file. Per una fotografia a colori, un file PNG è spesso molto più grande di un file JPG equivalente, perché la compressione senza perdita di dati non può ridurre in modo significativo la dimensione di una foto con molti artefatti. Utilizzate il formato PNG quando avete bisogno di trasparenza o di bordi perfettamente definiti, non per le foto delle vacanze.

WebP è il formato più recente sviluppato da Google e supporta sia la compressione con perdita di qualità (come nel caso del formato JPG) sia la trasparenza (come nel caso del formato PNG), di solito con dimensioni del file inferiori rispetto a entrambi i formati. In genere, un’immagine WebP ha dimensioni sensibilmente inferiori rispetto a un’immagine JPG della stessa qualità, e un’immagine grafica WebP con trasparenza è solitamente più piccola di un’immagine PNG. Per questo motivo, sempre più siti web utilizzano il formato WebP.

Il problema è la compatibilità. WebP funziona su tutti i principali browser attuali, ma browser molto vecchi e alcune app desktop, client di posta e editor di immagini meno recenti faticano ancora con esso. Se pubblichi su un sito web moderno, WebP è un'ottima scelta predefinita. Se invii un file a un cliente via email o lo consegni a qualcuno con software sconosciuto, JPG o PNG sono la scelta più sicura. Esiste anche AVIF, un formato ancora più recente che comprime meglio, ma il supporto per la codifica è meno diffuso, quindi trattalo come un'opzione extra piuttosto che come predefinita.

Trappola numero uno: la conversione da PNG a JPG elimina la trasparenza. Il formato JPG non prevede un canale alfa, quindi ogni pixel trasparente deve essere trasformato in un pixel opaco. Gli strumenti utilizzati riempiono queste aree trasparenti con un colore uniforme, e il bianco è la scelta più comune. Il convertitore di FileTinker fa esattamente questo: quando si converte in JPG (o in GIF o BMP), tutte le aree trasparenti vengono appiattite su uno sfondo bianco. Se il logo contiene angoli trasparenti, questi risulteranno bianchi. Non si tratta di un errore, ma di una conseguenza inevitabile della conversione in JPG. Per mantenere la trasparenza, è necessario convertire il file in PNG o WebP.

Trappola numero due: salvare ripetutamente un file JPG lo deteriora. Poiché il formato JPG è con perdita di dati, ogni salvataggio comporta la perdita di una piccola quantità di informazioni. Aprire un file JPG, apportare una piccola modifica, salvarlo di nuovo in formato JPG e ripetere l’operazione alcune volte: si noterà una perdita di qualità visibile, un effetto di «copia di una copia». I colori diventano più spenti e compaiono sempre più artefatti. Lo stesso vale per il formato WebP con perdita di dati. La soluzione è conservare la copia originale in un formato senza perdita di dati (PNG o il file originale della fotocamera) ed esportare in JPG o WebP solo una volta, alla fine.

Gli strumenti di FileTinker per la conversione di immagini e la compressione di immagini funzionano interamente all’interno del browser, quindi non viene caricato alcun file, ma è bene sapere cosa fanno ai tuoi pixel, così non sarai colto di sorpresa.

Il convertitore decodifica l’immagine, la visualizza su una tela e la ricodifica nel formato di destinazione. L’output in formato PNG è senza perdita di qualità, quindi la conversione in PNG preserva ogni singolo pixel. Tuttavia, l’output in formato JPG, WebP e AVIF è codificato con una qualità fissa di circa 0,92, il che implica una perdita di qualità. Ciò significa che la conversione di una foto in formato JPG o WebP comporta una ricodifica, e non una copia perfetta, e il salvataggio ripetuto comporta un’ulteriore perdita di qualità. Questo è normale per questi formati e 0,92 rappresenta un’impostazione di alta qualità, ma non è una soluzione miracolosa: non esiste una conversione in JPG o WebP senza perdita di qualità. Il formato AVIF viene offerto solo quando il browser è in grado di codificarlo (Chrome ed Edge, ma non Firefox), quindi viene visualizzato come un’opzione, piuttosto che come una garanzia.

Lo strumento di compressione immagini mantiene il formato originale quando il browser può ricodificarlo (JPG, PNG o WebP) e, in caso contrario, utilizza il formato JPG. Inoltre, si rifiuta di restituire un file che non è effettivamente più piccolo: se la ricodifica non riesce a ridurre le dimensioni del file rispetto all’originale, mantiene quest’ultimo intatto, anziché restituire un file più grande spacciandolo per uno più piccolo.

Quando ti trovi di fronte alla finestra di dialogo «Salva con nome», segui questi passaggi in quest’ordine: