Di Claire Yoon6 min di lettura

Come convertire un WebP in SVG (lo tracci, non lo salvi)

Un WebP è un'immagine raster, quindi non puoi salvarla come SVG. Devi tracciarla. Ecco come trasformare un WebP in un vettore pulito e reale, ed evitare quelli finti.

In questa pagina

Un WebP è un'immagine raster, una griglia di pixel come un JPG o un PNG. Quindi non esiste un comando "Salva come SVG" che la trasformi in un vettore. Prima l'immagine deve essere tracciata in forme e tracciati. La maggior parte dei "convertitori da WebP a SVG" sorvola su questo punto, e alcuni si limitano a racchiudere i tuoi pixel in un file .svg e a considerare il lavoro finito, senza darti un vero vettore.

Ecco come convertire davvero un WebP in un SVG pulito e modificabile, cosa controllare e quando non vale la pena farlo.

La versione rapida
  • Un WebP è raster, quindi deve essere tracciato in vettoriale invece di essere "salvato" come vettore.
  • Fai attenzione ai vettori finti: un convertitore che incorpora il tuo WebP dentro un .svg (continua comunque a sgranarsi).
  • Un WebP può essere lossy o lossless. Un file lossy porta con sé rumore di compressione, quindi parti dalla fonte più pulita.
  • La grafica piatta e ad alto contrasto si converte bene. Le foto no.
  • Traccialo con il convertitore da WebP a SVG, poi verifica che sia davvero modificabile.

Prima, la parte che la maggior parte dei convertitori salta

Vale la pena essere chiari su cosa succede davvero, perché i primi risultati di ricerca spesso non lo spiegano:

  • Un WebP memorizza pixel. È ottimo per il web (file piccoli, più supporto per trasparenza e animazione), ma è raster.
  • Un SVG memorizza matematica: punti, tracciati e curve che restano nitidi a qualsiasi dimensione.

Non esiste una "conversione" senza perdita tra i due. Passare da WebP a SVG significa ridisegnare i pixel come forme, cioè vettorializzare (tracciare). Ecco perché una conversione reale richiede un tracciatore, non un semplice cambio di nome del file.

La trappola da evitare: molti convertitori generici producono un SVG che in realtà è solo il tuo WebP incorporato dentro un contenitore .svg. Ha l'estensione giusta, ma si sfoca comunque quando lo ingrandisci e non puoi modificare una singola forma. Se il tuo "SVG" si sgrana quando fai zoom, è successo questo. Ti serve uno strumento che tracci l'immagine in tracciati reali.

Lossy o lossless? Cambia il risultato

WebP esiste in due varianti, e quella che hai incide sulla tracciatura:

  • WebP lossy (l'esportazione web più comune) usa una compressione simile a un JPG, quindi porta con sé artefatti e bordi morbidi e rumorosi. Una tracciatura li raccoglie, quindi parti dalla versione di qualità più alta che hai. (È lo stesso problema della conversione di un JPG in SVG.)
  • WebP lossless mantiene i bordi netti come un PNG, quindi si traccia in modo pulito. (Vedi come convertire un PNG in SVG senza perdere qualità per il metodo quando la fonte è pulita.)

WebP supporta anche la trasparenza, quindi se la tua immagine ha uno sfondo trasparente, usa un convertitore che la preservi. Altrimenti otterrai un rettangolo pieno indesiderato dietro le forme.

Come convertire un WebP in SVG, passo dopo passo

  1. Parti dalla fonte migliore. Usa il WebP originale e di qualità più alta. Se è un file lossy molto compresso, aspettati una tracciatura più rumorosa.
  2. Usa un vero vettorializzatore invece di un convertitore generico di file. Ti serve uno strumento che tracci l'immagine in tracciati, non uno che incorpori il raster.
  3. Vettorializzalo. Carica il WebP nel convertitore da WebP a SVG e lascia che ricostruisca l'immagine come tracciati puliti e con pochi nodi.
  4. Semplifica i colori e mantieni la trasparenza. Unisci i colori quasi duplicati (il WebP lossy ne aggiunge alcuni) e assicurati che uno sfondo trasparente resti trasparente.
  5. Scarica e controlla il risultato (vedi sotto).

Come funziona con PerfectVector

Con un WebP, l'obiettivo è un vettore reale: tracciati puliti che puoi modificare, non i tuoi pixel mascherati. È quello che produce PerfectVector. Traccia il WebP in tracciati fluidi e con pochi nodi, mantiene intatta la trasparenza e ti offre un editor dei colori per unire i colori extra introdotti da un WebP lossy. Puoi convertire un WebP in un SVG pulito, ispezionare tu stesso i tracciati e convertire le prime immagini gratis, senza carta di credito.

Prima
Un WebP lossy di un emblema semplice con bordi morbidi e rumorosi, incorporato come raster dentro un SVG, così si sgrana ancora quando viene ingrandito
Un WebP racchiuso in un .svg: ancora pixel, ancora sfocato quando viene scalato.
Dopo
Lo stesso emblema tracciato in un vero SVG con tracciati puliti, modificabili e con pochi nodi che restano nitidi a qualsiasi dimensione
Una vera vettorializzazione, con tracciati puliti e modificabili che restano nitidi a qualsiasi dimensione.

Controllo rapido del risultato. Una vera conversione da WebP a SVG ha:

  • Tracciati modificabili invece del WebP incorporato in un .svg (ingrandisci e dovrebbe restare nitido).
  • Un numero di nodi basso, cioè curve pulite invece di migliaia di punti (di più sul numero di nodi).
  • Trasparenza preservata, se era presente nel file di origine, senza rettangoli di sfondo indesiderati.
  • Una palette ordinata, solo i colori che volevi invece degli extra aggiunti da un WebP lossy.

Quando non usare il convertitore

La tracciatura non è adatta a ogni WebP:

  • Fotografie e immagini fotorealistiche diventano macchie posterizzate, quindi tienile raster.
  • Grafiche piene di gradienti o texture perdono le loro sfumature. Ricostruiscile come forme piatte se ti serve un vettore.
  • WebP minuscoli o molto compressi non si recuperano. Trova una fonte migliore o ricrea la grafica.

Come sempre, la vettorializzazione è pensata per grafica piatta e illustrativa come loghi, icone e disegni semplici, non per le foto. (Se il concetto è nuovo, parti da cos'è la vettorializzazione di un'immagine.)

FAQ

Posso semplicemente salvare un WebP come SVG? No. Un WebP è un'immagine raster (pixel), mentre un SVG è vettoriale (forme e tracciati). Nessun "Salva con nome" trasforma l'uno nell'altro. L'immagine deve essere tracciata in forme vettoriali, ed è questo che fa un vettorializzatore.

Perché il mio WebP sembra ancora sgranato dopo averlo "convertito" in SVG? Probabilmente un convertitore generico ha incorporato il tuo WebP dentro un contenitore .svg invece di tracciarlo. È un vettore finto e continua a sgranarsi. Usa uno strumento che tracci l'immagine in tracciati reali e modificabili.

Posso convertire un WebP in SVG gratis? Sì. Carica il tuo WebP in un vettorializzatore, semplifica i colori e scarica l'SVG. Puoi convertire le prime immagini gratis, senza carta di credito. Controlla solo che l'output sia un vero vettore tracciato e non il WebP racchiuso in un .svg.

La trasparenza del WebP viene mantenuta nello SVG? Sì, se usi un convertitore che la preserva. WebP supporta la trasparenza, e una buona tracciatura mantiene lo sfondo trasparente, così non ottieni un rettangolo pieno indesiderato.

Posso convertire una foto da WebP a SVG? Puoi farlo, ma di solito non conviene. Le foto hanno troppi toni e gradienti per diventare forme pulite, quindi otterrai una macchia posterizzata o un file enorme. La vettorializzazione è pensata per loghi, icone e illustrazioni.


Hai un logo o una grafica WebP da ridimensionare? Converti il file in un SVG vero e modificabile, traccialo, semplifica i colori e scarica il risultato in pochi secondi.

Altro dal blog