Ogni formato immagine è un insieme di compromessi tra dimensione del file, qualità e funzioni come trasparenza o animazione. Scegli quello sbagliato e ottieni file gonfi, testo sfocato o grafiche che non si visualizzano. Ecco ciascuno dei formati comuni in termini semplici, seguito da una tabella da tenere a portata di mano.
Le due grandi famiglie
Prima dei singoli formati, una distinzione ne spiega la maggior parte:
- Le immagini raster sono griglie di pixel. Le foto sono raster. Ingrandisci abbastanza e vedi i quadrati. PNG, JPG, WebP, AVIF e GIF sono tutti raster.
- Le immagini vettoriali sono matematica — linee, curve e forme definite da coordinate. Si adattano a qualsiasi dimensione senza sfocarsi. SVG è il formato vettoriale del web.
L'altra idea chiave è con perdita contro senza perdita. I formati con perdita (JPG, di solito AVIF/WebP) scartano un po' di dettaglio per rimpicciolire il file. I formati senza perdita (PNG, GIF, WebP senza perdita) mantengono ogni pixel esatto.
I formati, uno per uno
JPG (JPEG) — Il cavallo di battaglia per le fotografie. Con perdita, piccolo e leggibile letteralmente ovunque. Nessuna trasparenza, nessuna animazione. Salvarlo ripetutamente lo degrada lentamente. Usalo per le foto e ovunque serva la massima compatibilità.
PNG — Senza perdita, supporta la trasparenza. La scelta giusta per screenshot, loghi, icone e diagrammi — tutto ciò che ha testo o bordi netti. Le foto in PNG sono grandi, quindi non usarlo per quelle.
WebP — Un formato moderno che fa entrambi i lavori: la modalità con perdita batte il JPG in dimensione (~25–35% più piccolo), quella senza perdita supporta la trasparenza e resta compatta. Gestisce anche l'animazione. Ora supportato universalmente nei browser. Ideale per il web; meno per email o software datati.
AVIF — Il compressore più nuovo e migliore qui, circa metà della dimensione del JPEG a qualità simile, con trasparenza e HDR. I browser sanno visualizzarlo bene, ma non sanno codificarlo in modo affidabile da una canvas — quindi gli strumenti basati sul browser ripiegano su WebP quando richiedi AVIF. Una vera codifica AVIF richiede un server o un'app nativa.
GIF — Vecchio, limitato a 256 colori, ma il classico per l'animazione semplice. Per qualsiasi cosa oltre un breve ciclo, WebP (o un video) è più piccolo e nitido. Va bene per minuscole icone animate; scarso per le foto.
SVG — Vettoriale, quindi si adatta all'infinito senza sfocatura e resta minuscolo per grafiche semplici. Perfetto per loghi, icone e illustrazioni. È codice, non pixel, quindi non può rappresentare una fotografia.
Tabella di confronto
| Formato | Tipo | Compressione | Trasparenza | Animazione | Ideale per |
|---|---|---|---|---|---|
| JPG | Raster | Con perdita | No | No | Foto, massima compatibilità |
| PNG | Raster | Senza perdita | Sì | No | Screenshot, loghi, testo |
| WebP | Raster | Entrambe | Sì | Sì | Immagini web, piccole + alpha |
| AVIF | Raster | Con/senza perdita | Sì | Sì | Massima compressione (lato server) |
| GIF | Raster | Senza perdita | Solo 1-bit | Sì | Animazioni semplici |
| SVG | Vettoriale | N/D | Sì | Sì (con CSS/JS) | Loghi, icone, illustrazioni |
Come scegliere, velocemente
- Fotografia? JPG per la compatibilità, WebP per il web.
- Screenshot, logo o testo? PNG (raster) o SVG (se è una vera grafica vettoriale).
- Serve trasparenza? PNG, WebP, AVIF o SVG — mai JPG.
- Animazione? WebP per qualità e dimensione, GIF solo per la semplicità legacy.
- Pubblichi su un sito web? WebP è di solito la scelta predefinita intelligente.
Convertire tra loro
Quando hai il formato sbagliato, non devi caricare nulla per rimediare. Il Convertitore di immagini passa tra PNG, JPG e WebP direttamente nel tuo browser usando Canvas — nessun account, nulla trasmesso, e funziona offline dopo la prima visita. Gestisce i lotti, e se richiedi AVIF ripiega su WebP (più piccolo di JPG/PNG e supportato ovunque) dato che i browser non sanno codificare AVIF in modo affidabile.
Tieni a mente la tabella qui sopra e la scelta del formato smette di essere un tiro a indovinare: abbina il formato al contenuto (foto contro grafica), poi alla destinazione (web, email, stampa), e sceglierai correttamente quasi ogni volta.