Convertitore online gratuito da SVG a WEBP

Cos'è il formato SVG

SVG (Scalable Vector Graphics) è un formato vettoriale basato su XML che memorizza forme, tracciati, testo, gradienti e filtri come istruzioni di disegno anziché come pixel fissi. Loghi, icone, diagrammi, illustrazioni e grafiche di interfacce utilizzano comunemente SVG perché l’artwork può essere ridimensionato senza diventare pixelato.

Adobe Illustrator, Inkscape, Figma, Affinity Designer, CorelDRAW e gli strumenti di design basati sul web possono creare file SVG. Designer e sviluppatori li utilizzano per artwork modificabili, grafiche web responsive e risorse che devono essere visualizzate a più dimensioni.

Cos'è il formato WEBP

WEBP è un formato di immagine raster sviluppato da Google. Supporta la compressione con perdita per ridurre le dimensioni di immagini fotografiche o illustrate, la compressione senza perdita per le grafiche che richiedono dettagli precisi e un canale alpha per gli sfondi trasparenti.

In molti casi WEBP può ridurre le dimensioni del file rispetto a JPEG o PNG, ma il risultato è una bitmap con larghezza e altezza in pixel definite. Ingrandirla oltre tali dimensioni può rendere visibili sfocature o artefatti di compressione, a differenza di un SVG vettoriale.

Come convertire un file SVG

Utilizzare 101convert.com

Puoi convertire il file su 101convert.com gratuitamente e senza installare software. Apri il convertitore da SVG a WEBP, carica il file sorgente, seleziona le impostazioni di output disponibili, avvia la conversione e scarica il file .webp risultante. Controlla l’output per individuare font mancanti, filtri modificati, colori errati e trasparenza persa prima di utilizzarlo.

Utilizzare GIMP

1. Apri l’SVG in GIMP con File → Open.
2. Imposta la larghezza e l’altezza renderizzate quando GIMP richiede l’importazione dell’SVG. Questi valori determinano le dimensioni in pixel dell’immagine WEBP.
3. Scegli File → Export As…, inserisci un nome file che termini con .webp e seleziona Export.
4. Scegli un livello di qualità o la codifica senza perdita nella finestra di dialogo per l’esportazione WEBP, quindi conferma l’esportazione.

GIMP rasterizza l’SVG quando lo apre, quindi modificare successivamente le dimensioni dell’immagine non può ripristinare i dettagli vettoriali. Importa l’SVG alla dimensione di visualizzazione massima richiesta oppure utilizza un render sorgente a risoluzione più elevata per il ridimensionamento successivo.

Utilizzare strumenti da riga di comando

ImageMagick può rasterizzare un SVG e scrivere un WEBP con un solo comando quando la sua installazione include un renderer SVG come librsvg:

magick -background none -density 192 input.svg -resize 1200x1200 -quality 85 output.webp

-background none mantiene le aree trasparenti quando l’SVG e il renderer supportano l’alpha. -density controlla la risoluzione della rasterizzazione iniziale, mentre -resize imposta una dimensione di output pratica. Modifica le dimensioni in base alla dimensione di visualizzazione prevista; la sola densità non garantisce una larghezza e un’altezza finali specifiche.

Inkscape può eseguire il rendering dell’SVG in PNG, dopodiché l’encoder cwebp di Google può creare il WEBP:

inkscape input.svg --export-type=png --export-filename=rendered.png --export-width=1600

cwebp -q 85 rendered.png -o output.webp

Utilizza invece --export-height oppure imposta entrambe le dimensioni quando necessario. Il PNG intermedio mantiene la trasparenza se Inkscape esporta senza un colore di sfondo. Utilizza cwebp -lossless rendered.png -o output.webp per la codifica senza perdita.

Limiti di qualità e compatibilità

• Scegli le dimensioni in pixel prima della conversione. SVG non ha una risoluzione raster intrinseca, quindi ogni convertitore deve decidere quanti pixel renderizzare.
• Utilizza un valore di qualità con perdita intorno a 80–90 per molte immagini web. Scegli WEBP senza perdita per testi di piccole dimensioni, linee sottili, screenshot e artwork con colori uniformi, quando i difetti di compressione sono inaccettabili.
• I font incorporati, i fogli di stile esterni, le immagini collegate, JavaScript, le animazioni e i filtri SVG non supportati possono essere visualizzati in modo diverso o scomparire. Converti il testo in tracciati o incorpora le risorse necessarie quando è importante ottenere un output coerente.
• Gli sfondi SVG trasparenti diventano generalmente sfondi WEBP trasparenti quando il renderer mantiene l’alpha. Imposta un colore di sfondo esplicito se la destinazione richiede un’immagine opaca.
• WEBP è supportato dai principali browser attuali e da molte applicazioni per immagini, ma i software meno recenti e i sistemi di pubblicazione specializzati potrebbero non accettarlo. Conserva l’SVG originale come master modificabile e utilizza WEBP come copia fissa per la distribuzione.