Vai al contenuto
ImageConverter

Conversione sicura sul server

Convertire SVG in AVIF

Rendi un SVG in un’immagine AVIF: la versione raster più leggera che si possa ricavare da un disegno vettoriale, trasparenza compresa. Un logo reso a 1024 pixel pesava circa 4 KB, più o meno un quarto dello stesso rendering in PNG. La domanda che merita un minuto è la nitidezza dei bordi, e le misure qui sotto rispondono.

Eliminato automaticamente File caricati rimossi entro 30 minuti

Trascina qui le tue immagini SVG

Aggiungine diverse insieme. Ogni file viene elaborato e poi eliminato dal nostro server.

Fino a 20 MB per file Supporta i batch

Larghezza di uscita

SVG è un formato vettoriale, quindi può essere generato a qualsiasi dimensione senza perdere nitidezza.

75
File più leggero Più dettagli
Preimpostazioni:

Più alto conserva più dettagli; più basso produce un file più leggero. Vale per le immagini che aggiungi dopo averlo cambiato.

Passo dopo passo

Come convertire SVG in AVIF in 3 passaggi

  1. Scegli una larghezza

    la dimensione massima a cui l’immagine verrà mostrata.

  2. Lascia la qualità a 75

    Lascia la qualità a 75, oppure sali a 90 per bordi praticamente senza perdita.

  3. Aggiungi il tuo SVG e scarica l’AVIF

Confronto tra formati

SVG e AVIF a confronto

SVG (Scalable Vector Graphics)

Vettoriale

Descrive forme e testo come istruzioni anziché come pixel, quindi può essere disegnato nitido a qualsiasi dimensione.

  • Nitido a qualsiasi dimensione, dalla favicon al cartellone
  • File molto leggeri per loghi, icone e diagrammi
  • Non può rappresentare una fotografia, e molte app non riescono a importarlo

AVIF (AV1 Image File Format)

Con o senza perdita

Il formato web più recente con ampio supporto, basato sul codec video AV1 e pensato per ottenere i file più leggeri.

  • Di solito il file più leggero a parità di qualità visiva
  • Supportato dalle versioni attuali di Chrome, Edge, Firefox e Safari
  • Lento da codificare e non supportato da molti software datati

Quando servono pixel invece di vettori

Su un sito web di solito conviene lasciare un SVG in SVG: è minuscolo e nitido a tutte le dimensioni. Ma ci sono buoni motivi per avere bisogno di un’immagine raster: una piattaforma che non accetta l’SVG, un’immagine che non deve esporre il suo codice di disegno, le anteprime per i social e l’email, che raramente supportano l’SVG, o un’opera con filtri che appaiono diversi da un browser all’altro.

Quando servono pixel, l’AVIF dà il file più leggero. Misure con un piccolo logo a ogni larghezza:

  • 512 px: 2,1 KB.
  • 1024 px: 4,2 KB.
  • 2048 px: 7,1 KB.
  • 4096 px: 13,9 KB.

Per confronto, lo stesso disegno a 1024 pixel pesava 15,7 KB in PNG, 21 KB in TIFF e 2,1 MB in BMP non compresso.

I bordi restano nitidi?

L’AVIF è un formato con perdita, e un disegno vettoriale è tutto bordi netti, proprio dove la compressione con perdita si vede per prima. L’abbiamo quindi misurato, confrontando ogni AVIF con un rendering senza perdita dello stesso SVG dopo aver messo entrambi su sfondo bianco e su sfondo nero, come apparirebbero su una pagina:

  • Qualità 75, il valore predefinito: lungo i bordi il colore si discosta dal rendering senza perdita di meno di 2 livelli su 255 in media. Invisibile alla normale dimensione di visualizzazione.
  • Qualità 90: praticamente senza perdita (la differenza maggiore rilevata su un bordo era di 6 livelli) per 6,8 KB, sempre ben meno della metà del PNG.

Per un logo che deve essere perfetto al pixel sotto un esame attento, scegli 90. Per tutto il resto, 75 è indistinguibile e più leggero.

Qualità

Qualità e peso del file

Trasparenza

Un disegno SVG è di solito tracciato su sfondo trasparente, e l’AVIF lo conserva come canale alfa completo: l’immagine si posa in modo pulito su qualsiasi colore di sfondo.

Scegliere la larghezza

Il rendering viene disegnato alla larghezza scelta: è perfettamente nitido a quella dimensione, ma non può essere ingrandito in seguito senza diventare sfocato. Scegli la dimensione massima a cui l’immagine verrà davvero mostrata. Sugli schermi ad alta densità, che mostrano due o tre pixel fisici per pixel CSS, significa il doppio o il triplo della larghezza di layout: un logo previsto largo 200 pixel richiede 400 pixel su uno schermo 2× e 600 sugli schermi 3× di molti telefoni. L’opzione da 1024 pixel copre entrambi i casi.

Caratteri

Un testo in un carattere indicato per nome, invece che convertito in tracciati, viene disegnato con il carattere corrispondente di cui dispone il motore di rendering, che può essere diverso dal tuo progetto. Converti il testo in tracciati prima di esportare l’SVG.

Supporto dei browser

Tutti i principali browser attuali mostrano l’AVIF: Chrome, Firefox, Safari ed Edge. Alcuni client email e software più datati no. Per l’email e per un’ampia compatibilità, il PNG è più sicuro; il WebP è un buon compromesso.

Quando convertire un SVG in AVIF ha senso

  • Le piattaforme che non accettano il caricamento di SVG, e sono molte.
  • Le immagini Open Graph e le anteprime per i social di pagine che servono AVIF.
  • Le illustrazioni complesse con molti tracciati, gradienti o filtri, per le quali un’immagine raster è più leggera e appare identica ovunque.
  • Le pagine in cui le prestazioni contano e che hanno bisogno di una grafica raster il più leggera possibile.

AVIF, WebP o PNG?

  • AVIF: il più leggero. 4,2 KB a 1024 px, qualità 75.
  • WebP: un po’ più pesante (6,2 KB a qualità 75), e meglio supportato fuori dai browser.
  • PNG: senza perdita e supportato ovunque, per 15,7 KB.

È sicuro caricare un SVG?

Un file SVG può contenere script e riferimenti a risorse esterne: ogni caricamento viene quindi controllato prima di qualsiasi lettura. I file con script, riferimenti esterni o dichiarazioni di tipo di documento vengono rifiutati subito invece che ripuliti. Il risultato è una semplice immagine: nulla di ciò che l’SVG conteneva può essere eseguito.

Cosa succede al tuo file

Gli SVG vengono resi sul nostro server, dove possono essere controllati. Il file caricato viene eliminato non appena la conversione è terminata, il risultato viene eliminato nel momento in cui lo scarichi, e tutto ciò che viene abbandonato viene cancellato automaticamente.

Privacy

Cosa succede al tuo file

Questo strumento funziona sul nostro server, così dà lo stesso risultato su qualsiasi telefono o computer. Il tuo file viene caricato, ed ecco esattamente cosa gli succede:

  • Salvato fuori dall’area pubblica del server con un nome casuale, mai con il nome del tuo file.
  • Viene elaborato e il file originale caricato viene eliminato subito, sia che la conversione riesca sia che fallisca.
  • Il risultato è protetto da un link firmato che ricevi solo tu, smette di funzionare dopo 20 minuti, e il file viene eliminato non appena lo scarichi.
  • Ciò che non viene mai scaricato viene eliminato automaticamente entro 30 minuti.
  • L’immagine in sé non viene mai registrata né conservata. Se una conversione fallisce, annotiamo i formati coinvolti e l’errore, non il file.
  • I metadati della fotocamera, comprese le eventuali coordinate GPS che registrano dove è stata scattata la foto, vengono rimossi dal risultato. Resta solo la rotazione necessaria per mostrare l’immagine dritta.

Domande e risposte

SVG in AVIF: domande frequenti

Quanto peserà il mio AVIF?

Pochissimo. Un logo pesava 2,1 KB a 512 px, 4,2 KB a 1024 px, 7,1 KB a 2048 px e 13,9 KB a 4096 px. A 1024 px, il PNG dello stesso disegno pesava 15,7 KB.

I bordi del mio logo appariranno sfocati?

Non con l’impostazione predefinita. Abbiamo confrontato i rendering AVIF con un rendering senza perdita su sfondo bianco e su sfondo nero: a qualità 75 i colori dei bordi differivano di meno di 2 livelli su 255 in media. A qualità 90 la differenza maggiore rilevata su un bordo era di 6 livelli, praticamente senza perdita, per 6,8 KB.

La trasparenza viene mantenuta?

Sì. L’AVIF contiene un canale alfa completo: un disegno tracciato su sfondo trasparente si posa in modo pulito su qualsiasi colore di pagina.

Che larghezza scegliere?

La dimensione massima a cui l’immagine verrà mostrata, tenendo conto degli schermi ad alta densità: un’immagine prevista larga 200 pixel richiede 400 px su uno schermo 2× e 600 px su un telefono 3×, quindi 1024 px copre entrambi i casi. Il rendering non può essere ingrandito in seguito senza diventare sfocato.

Non sarebbe meglio tenere l’SVG?

Sul tuo sito, spesso sì: gli SVG sono minuscoli e nitidi a tutte le dimensioni. Converti quando una piattaforma non accetta l’SVG, per le anteprime sui social e l’email, o per un’opera complessa che appare in modo irregolare.

AVIF, WebP o PNG?

L’AVIF è il più leggero (4,2 KB a 1024 px). Il WebP è un po’ più pesante, 6,2 KB, e meglio supportato fuori dai browser. Il PNG è senza perdita e universale, per 15,7 KB.

Continua a esplorare

Vedi tutti gli strumenti