Sfondo trasparente: quali formati lo supportano e quando usarli (PNG, WebP, AVIF)

•19 parole•1m lettura

Dopo aver rimosso lo sfondo, serve un formato con canale alpha per evitare aloni e bordi seghettati. Guida pratica su PNG, WebP e AVIF.

1) La chiave: canale alpha

La vera trasparenza richiede un canale alpha per pixel. Senza alpha, i bordi vengono pre‑mescolati (matte) e compaiono aloni.

2) Formati con trasparenza

  • PNG (lossless): trasparenza perfetta e bordi nitidi. Ideale per UI/loghi/icone.
  • WebP: alpha in lossy e lossless. Ottimo rapporto qualità/dimensione.
  • AVIF: compressione superiore con alpha. Controlla gradienti e transizioni morbide.
  • SVG: vettoriale, trasparente via forme/opacità.

3) Formati da evitare

  • JPEG: niente alpha → fringing.
  • GIF: trasparenza binaria → scalettature.

4) Evitare aloni: matte & premoltiplicato

Esportare senza matte e con alpha reale, poi verificare su chiaro/scuro.

5) PNG, WebP o AVIF?

  • UI/loghi piatti: PNG o WebP lossless.
  • Foto scontornate: WebP/AVIF con alpha.
  • Vettoriale: SVG dove possibile.

6) Flusso consigliato con Orqui

  1. Rimuovi lo sfondo.
  2. Converti in WebP/PNG.
  3. Ottimizza e confronta.

7) Checklist qualità

  • Nessun alone su chiaro/scuro.
  • Dimensioni adatte all’uso.
  • Formato con alpha (PNG/WebP/AVIF) o SVG.
  • Peso ragionevole.

Strumenti & articoli correlati

Leggi in altre lingue

FAQ

  • Perché JPEG non va bene?
    JPEG non ha canale alpha. La finta trasparenza con un colore matte crea aloni quando si cambia lo sfondo.
  • PNG o WebP per i loghi?
    PNG (lossless) è nitido; WebP lossless spesso pesa meno con palette semplici. Controlla i bordi su sfondi chiari/scuri.
  • AVIF con trasparenza è affidabile?
    Sì, supporta alpha. Ottima compressione ma encoding più lento; valida i gradienti.
  • SVG supporta trasparenza?
    Sì, essendo vettoriale: tramite forme/opacità. Ideale per loghi e icone.

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