Basi delle immagini
JPG, PNG o WebP? Come scegliere il formato di immagine giusto
In breve: usa JPG (o WebP) per le foto, PNG (o WebP senza perdita) per screenshot, testo e tutto ciò che ha uno sfondo trasparente, e SVG per loghi e icone disegnati con forme. Se un modulo, un’e-mail o un vecchio programma è esigente, JPG per le foto e PNG per la grafica sono la scelta più sicura. Ti serve un altro formato? Convertilo con gli strumenti Refentra collegati, nel tuo browser. Convertire non riporta mai indietro i dettagli già persi.
I file sono elaborati localmente.
In questa pagina
Due domande decidono quasi tutto
1. È una foto o una grafica? Le foto sono fatte di passaggi di colore morbidi, quindi il formato può scartare minuscoli dettagli che non noterai (compressione con perdita: JPG, WebP con perdita). Screenshot, diagrammi, loghi e testo hanno bordi netti; la compressione con perdita vi lascia sfocature e aloni colorati, perciò servono formati senza perdita (PNG, WebP senza perdita).
2. Serve trasparenza o animazione? Il JPG non può salvare pixel trasparenti né animarsi. PNG e WebP possono salvare la trasparenza; WebP e AVIF possono anche animarsi. Il GIF è il formato di animazione più vecchio e il meno efficiente.
Quale formato per quale compito
- Foto per un sito o per condividere
- WebP o JPG (AVIF dove supportato). Il WebP con perdita è in media il 25–35 % più piccolo del JPEG a qualità simile.
- Screenshot, testo, diagramma
- PNG. Il WebP senza perdita è in media circa il 26 % più piccolo del PNG.
- Serve sfondo trasparente
- PNG o WebP. Il JPG non ha trasparenza.
- Logo o icona fatti di linee e forme
- SVG. Scala a qualsiasi dimensione senza sfocare; non è per le foto.
- Breve animazione
- WebP o AVIF animato. GIF solo quando non si accetta altro.
- Moduli, e-mail, programmi vecchi
- JPG per le foto, PNG per la grafica. Controlla prima i formati accettati.
Fonte: MDN, Image file type and format guide (in inglese), consultata il 5 ottobre 2026. I risparmi sono medie di quella pagina; i tuoi file varieranno. Refentra non è affiliata a MDN.
Errori che costano qualità o peso
- Convertire un JPG in PNG per «migliorare la qualità». L’immagine resta morbida com’era, ma il file diventa molto più grande.
- Salvare uno screenshot come JPG. Il testo prende bordi sfocati e aloni colorati. Usa PNG.
- Usare PNG per le foto. Il file spesso pesa più volte un JPG, senza vantaggio visibile.
- Risalvare sempre lo stesso JPG. Ogni salvataggio perde un po’ di più. Tieni l’originale ed esporta una copia una sola volta.
- Inviare WebP dove si accettano solo JPG o PNG. Convertilo prima, vedi sotto.
Convertire nel browser
- JPG in PNG e PNG in JPG (per le aree trasparenti confermi un colore di sfondo).
- WebP in JPG e WebP in PNG quando un sito o un programma rifiuta il WebP.
- Immagine in WebP e immagine in AVIF per file web più piccoli.
Per il tuo sito
MDN consiglia di preferire WebP o AVIF per le immagini raster e di prevedere un’alternativa JPEG o PNG per i browser che non le mostrano. L’elemento picture lo fa:
<picture>
<source srcset="photo.avif" type="image/avif" />
<source srcset="photo.webp" type="image/webp" />
<img src="photo.jpg" width="1200" height="800" alt="…" />
</picture>Gli attributi width e height evitano che il layout salti durante il caricamento delle immagini. Vedi anche correggere gli avvisi sulle immagini di PageSpeed.
Fonti e metodo
Le proprietà dei formati e le raccomandazioni provengono dalla pagina MDN collegata, consultata il 5 ottobre 2026. Nomi e limiti degli strumenti sono stati verificati sugli strumenti Refentra attuali. Questa guida è stata scritta e rivista con l’aiuto di un’IA.