Scegliere il formato immagine giusto (PNG, JPG, WebP, SVG, AVIF)

•14 parole•1m lettura

Quando usare PNG, JPEG, WebP, SVG o AVIF: equilibrio tra peso, qualità, trasparenza e supporto.

1. Albero rapido

  • Vettoriale / logo → SVG.
  • Foto → AVIF (fallback WebP/JPEG).
  • UI con alpha → PNG (o WebP lossless).
  • Icone → SVG o WebP.

2. Confronto

FormatoProContro
JPEGAmpio supportoNessuna alpha
PNGLossless + trasparenzaPesante per foto
WebPAlpha + lossy/losslessBrowser vecchi
AVIFCompressione superioreEncode lento
SVGScalabile perfettamenteSVG complessi pesano

3. Fallback

<picture> con AVIF → WebP → JPEG/PNG.

4. Automazione

  • Più larghezze generate.
  • Rimuovere metadata inutili.
  • Cache busting con hash.

5. Errori comuni

  • PNG per foto.
  • SVG non ottimizzato.
  • Nessun fallback AVIF.

Altre lingue

Correlati

FAQ

  • Quando usare PNG?
    Per trasparenza reale o UI nitida; valuta WebP lossless se supportato.
  • Serve sempre AVIF?
    Solo per foto critiche; fallback WebP/JPEG per compatibilità.

Conteggio delle trasformazioni locali che fai qui (convertire, ottimizzare, ridimensionare, ritagliare, rimuovere sfondo). Tutto avviene in privato nel tuo browser.