JPG vs. PNG vs. GIF: Le differenze tra i formati di file immagine

Una rosa con qualsiasi altro nome potrebbe avere lo stesso profumo, come dice Shakespeare in Romeo e Giulietta, ma se scatti una foto di quella rosa e la salvi come JPEG con alta compressione, potresti notare un calo nella qualità dell’immagine. Non è un problema, però, poiché hai anche l’opzione di utilizzare PNG, TIFF, GIF, SVG, o persino un nuovo formato come HEIC o WebP. Alcuni di questi formati apparirebbero fantastici nella newsletter della famiglia Capulet, mentre altri si adatterebbero meglio al blog di Romeo, quindi decodificare questi tipi di file può essere piuttosto utile.

Lossy vs. Lossless

Ogni formato immagine può essere categorizzato come “lossy” o “lossless”, e questi termini si spiegano principalmente da soli. La compressione lossy riduce le dimensioni dei file eliminando permanentemente informazioni su un file, rendendolo più piccolo ma anche degradando la qualità. La compressione lossless riorganizza semplicemente i dati in modo tale da occupare meno spazio ma può essere impacchettata e decompattata (o estratta!) senza alcun danno al file.

Raster vs. Vector

Quando pensi a “formato immagine”, probabilmente stai pensando a un raster. Non ha nulla a che fare con Bob Marley: significa semplicemente che il file è essenzialmente una griglia di pixel colorati che formano un’immagine. JPG, PNG, GIF, TIFF e la maggior parte degli altri file fotografici sono rasters. L’unica informazione che hanno è di che colore sono i pixel, quindi ingrandirli o allungarli di solito risulta solo in un’immagine più pixelata.

I vettori, invece, sono progettati per essere scalati all’infinito. I file SWF, EPS e PDF memorizzano le immagini non come pixel, ma come equazioni matematiche che possono essere rese come punti e linee. L’immagine può diventare grande o piccola quanto necessario senza perdere qualità, ma queste estensioni non sono così comuni in rete poiché i vettori non sono così facilmente compatibili come le immagini raster.

Joint Photographic Experts Group (JPEG) – Lossy Raster

Il file JPEG prende il nome dal gruppo che lo ha creato e domina il mondo delle immagini web grazie alla sua compatibilità quasi universale e alle dimensioni ridotte. I tuoi occhi probabilmente non potrebbero distinguere un JPEG leggermente compresso da un’immagine di qualità superiore senza qualche secondo di scrutinio, e si carica rapidamente, quindi è abbastanza buono per la maggior parte del web.

JPEG-2000 è la versione aggiornata che ha alcuni miglioramenti rispetto all’originale, ma non ha mai realmente preso piede, quindi è improbabile che tu veda questo formato in molti posti.

Ottimo per: pubblicare foto sul web, salvare e inviare immagini di piccole dimensioni, uso generale, stampare foto.

Portable Network Graphics (PNG) – Lossless Raster

Questo formato è diventato il riferimento per le grafiche web di alta qualità, specialmente se hai bisogno di uno sfondo trasparente. PNG è stato originariamente progettato come alternativa al GIF, ma supporta molti più colori ed è più flessibile riguardo alle impostazioni di trasparenza. La dimensione del file è generalmente più grande rispetto a GIF o JPEG, ma PNG preserva meglio la qualità ed è più flessibile.

Potresti anche imbatterti in PNG-8 e PNG-24 in alcuni programmi. Questi verranno comunque esportati come normali PNG, ma PNG-8 supporta solo 256 colori e non consente la trasparenza parziale, ottenendo così una dimensione del file più piccola rispetto al PNG-24 più completo.

Ottimo per: grafiche web, foto di alta qualità dove la dimensione non è un problema, trasparenza.

Graphical Interchange Format (GIF) – Lossless Raster

Il predecessore del PNG, il formato GIF è ora più famoso per abilitare i brevi loop video che non riesci a smettere di guardare sui social media. Il dibattito su come pronunciarlo, se “ g if” o “ j if”, è piuttosto acceso, ma se vuoi far arrabbiare entrambi i lati, prova a pronunciarlo come “jeff”.

I GIF supportano solo 256 colori, il che li rende una scelta scadente per foto di alta qualità, ma la loro compressione è eccellente, quindi possono ridurre le dimensioni delle immagini semplici senza un grande calo di qualità. I pixel possono anche essere resi trasparenti, ma devono essere o accesi o spenti, non in mezzo.

Ottimo per: grafiche semplici, animazioni, icone.

Tagged Image File Format (TIFF) – Lossless Raster

Potresti non aver mai incontrato un TIFF personalmente, ma se sei appassionato di fotografia o lavori molto con i media stampati, potresti riconoscerli come il formato grande ma di alta qualità spesso preferito dagli editori. Inoltre, nessuno discute sulla pronuncia.

Ottimo per: stampare foto di alta qualità, scansionare immagini di alta qualità, qualsiasi cosa dove la dimensione non è un problema.

Scalable Vector Graphics (SVG) – Vector

Se hai mai provato a salvare un’immagine da Internet e invece hai ottenuto l’opzione “salva come pagina web”, potresti aver visto un SVG. Questi sono probabilmente i grafici vettoriali più ampiamente supportati, e la loro capacità di mantenere una buona qualità e scalabilità a basse dimensioni di file li rende popolari per loghi, grafiche per siti e ovunque altro dove un vettore possa tornare utile.

Ottimo per: grafiche aziendali, grafiche scalabili, loghi.

Nuovi Formati

Potresti non aver visto ancora questi formati in giro, ma offrono alcuni vantaggi rispetto agli standard attuali.

High Efficiency Image Format

HEIF è essenzialmente JPEG ma con qualità superiore e dimensioni di file più piccole. Questo è ora il formato immagine predefinito su iOS 11 e versioni successive.

WebP

WebP è il formato di Google, e fa praticamente tutto: migliore compressione rispetto a JPEG, migliori animazioni rispetto a GIF e trasparenza paragonabile a PNG. È supportato da diversi browser ed è attualmente utilizzato da YouTube, Facebook e alcuni altri siti se li visiti utilizzando un browser supportato.

Perché così tanti formati?

È improbabile che ci sarà mai un formato unico per governarli tutti, poiché diversi settori hanno diverse esigenze di immagine. I normali browser internet non hanno davvero bisogno di pensare oltre JPEG e PNG (e forse WebP e HEIC in futuro), ma per applicazioni aziendali e editoriali, avere opzioni come TIFF e SVG rende la vita più facile.

E, se non lo hai già fatto, dovresti pensare di scegliere un lato nel dibattito sui GIF prima che il formato scompaia. Fai parte della storia.

Crediti immagine: Confronto tra JPEG, JPEG 2000, JPEG XR e HEIF, Google Developers, W3C.org, È facile Neon Animated Gif, Confronto JPEG JFIF e 2000, Esempio di compressione JPEG