Utilizzi e differenze tra PNG, JPG, GIF e WEBP

In questo blog ho parlato di immagini in diverse occasioni, come ad esempio nella guida all’ottimizzazione delle immagini per la SEO. Oggi vorrei descrivere i quattro formati più frequenti che si incontrano navigando il web: JPEG, PGN. GIF e WEBP. Vediamo cosa caratterizza e a cosa si presta ogni differente formato.

JPG

Le immagini in formato JPG possono visualizzare immagini altamente dettagliate con molti colori, rendendole perfette per le fotografie.

Allo stesso tempo, i file sono spesso molto grandi e non sempre reggono bene la compressione. Nel confronto diretto con JPG, l’immagine WEBP è più piccola del 25-35% circa, nonostante mantenga la stessa qualità dell’immagine. Tra JPG e WEBP il secondo formato è semplicemente la scelta migliore.

Il formato JPG è ideale se puoi convivere con perdite di qualità e se nitidezza e dettagli non sono importanti. Il formato JPG è spesso utilizzato per immagini colorate, poiché la composizione di JPG consente di visualizzare molti colori e gradazioni.

Le immagini del computer possono essere create come immagini raster o vettoriali, JPG sono immagini raster. La grafica raster è bitmap di immagini. Una bitmap è una griglia di singoli pixel che, combinati, creano un’intera immagine. In altre parole, le immagini raster sono una raccolta di innumerevoli minuscoli quadrati (o pixel) di colore che sono codificati ciascuno in una tonalità o sfumatura specifica che, una volta messe insieme, creano un’immagine intera che ha senso da guardare.

Ecco ulteriori informazioni sulle immagini raster per aiutarti a capire meglio:

• Ideale per immagini non allineate come fotografie, grafica digitalizzata o grafica dettagliata.
• Hanno sfumature di tonalità o sfumature sottili e linee e forme molto indefinite.
• A causa della loro natura basata sui pixel, soffrono di problemi di qualità quando vengono ingranditi (diventano frastagliati ed espongono i singoli pixel).
• Sono definiti e visualizzati con una risoluzione specifica, misurata in punti per pollice (dpi).
• Maggiore è il dpi, migliore è la risoluzione e l’aspetto visivo dell’immagine.
• I formati di file raster comuni includono: file TIFF, JPG, GIF, PCX e BMP.
• Le immagini raster sono state lo standard per il web.

L’aspetto finale delle tue immagini dipende da molti fattori: ad esempio

• la risoluzione dello schermo (HD, QHD, UHD / 4K, 8K, ecc.),
• le impostazioni dello schermo come sRGB, adobeRGB,
• la modalità di visualizzazione dei tuoi monitor,
• il dispositivo utilizzato per visualizzare le immagini.

Cosa cambia tra formato JPG e JPEG? In realtà non ci sono differenze tra i formati JPG e JPEG. L’unica differenza è il numero di caratteri utilizzati. JPG esiste solo perché nelle versioni precedenti di Windows (file system MS-DOS 8.3 e FAT-16) richiedevano un’estensione di tre lettere per i nomi dei file.

PNG

Le immagini in formato PNG sono ideali per le immagini senza molti dati coinvolti, come loghi o screenshot dell’interfaccia.

le immagini PNG sono eccellenti nel mantenere la qualità quando vengono compressi e supportano la trasparenza, ma non funzionano bene per le fotografie. I file PNG non sono adatti ai fotografi perché creano un file immagine molto più grande rispetto ad un JPG ad esempio.

Il formato PNG viene utilizzato principalmente per gli screenshot, perché i PC salvano le immagini come PNG. Perché? – Perché gli screenshot sono spesso un mix di immagini e testo. Il PNG viene utilizzato, ad esempio, per le immagini che richiedono uno sfondo trasparente. Ciò rende il formato molto versatile e popolare nel design grafico.

PNG è disponibile nei formati:

• PNG-8 utilizza una profondità di colore a 8 bit e un massimo di 256 colori.
• PNG-24 utilizza una profondità di colore a 24 bit con un massimo di 16,7 milioni di colori. Quindi PNG-24 è paragonabile al formato JPEG.

GIF

I file GIF sono eccellenti per le brevi animazioni. Nella sua forma più semplice, una GIF (pronunciata “gif” o “jiff”) è solo un file immagine. Come i formati di file JPEG o PNG, il formato GIF può essere utilizzato per creare immagini fisse. Ma il formato GIF ha una caratteristica speciale: può anche essere utilizzato per creare immagini animate.

Diciamo “immagini animate” perché le GIF non sono realmente video. Semmai sono più simili a libri sfogliabili. Per prima cosa, non hanno il suono (probabilmente l’hai notato). A dirla tutta, il formato GIF non è stato creato per le animazioni. I file GIF possono contenere più immagini contemporaneamente e le persone si resero conto che queste immagini potevano essere caricate in sequenza (di nuovo, come un libro sfogliabile) se decodificate in un certo modo.

CompuServe ha pubblicato il formato GIF nel 1987 ed è stato aggiornato l’ultima volta nel 1989. In altre parole, GIF è più vecchio di circa il 35% della popolazione degli Stati Uniti e precede il World Wide Web di due anni. Ha contribuito a definire i primi siti web di GeoCities, le pagine di MySpace e le catene di email, ed è ancora una parte importante della cultura di Internet.

WEBP

Le immagini WEBP sono un formato immagine sviluppato da Google che consente di visualizzare le immagini sul web con un livello di qualità simile ai formati di immagine esistenti, ma con una dimensione di file inferiore.

Per ottenere ciò, WEBP fornisce opzioni di compressione “lossy” e “lossless”. Quest’ultima opzione conserva più dati, mentre la prima riduce ulteriormente le dimensioni dei file risultanti.

Secondo i dati di Google, le immagini WEBP sono in media:

• Dimensioni inferiori del 25-34% rispetto alle immagini JPEG comparabili.
• Dimensioni ridotte del 26% rispetto ai PNG.

Dal 2021 la compatibilità dei browser è prossima al 99% quindi oggi WEBP è diventato de facto lo standard per le immagini sul web.