Editor SVG
Scrivi o incolla codice SVG grezzo a sinistra e guardalo renderizzato dal vivo a destra mentre digiti. Correggi errori di sintassi con feedback di validazione istantaneo, copia il sorgente, scarica il file .svg oppure rasterizzalo in PNG a qualsiasi scala. Tutto avviene localmente nel tuo browser.
Verificato da Vincenzo Manto, Fondatore e Lead Developer · Ultimo aggiornamento 27 settembre 2026
Come funziona
- 1
Digita o incolla il markup SVG nel pannello di codice.
- 2
Il pannello di anteprima si aggiorna istantaneamente mentre modifichi, mostrando errori di validazione se il markup è malformato.
- 3
Copia il sorgente o scaricalo come file .svg.
- 4
Oppure esporta un PNG rasterizzato da 1x a 8x di scala per usi dove l'SVG non è accettato.
Un flusso di lavoro focalizzato su codice e anteprima
Invece di un'intera tela di disegno, questo editor tratta l'SVG per quello che è realmente: markup. Questo lo rende utile per ripulire SVG esportati da strumenti di design, affinare a mano i percorsi delle icone, o imparare la sintassi SVG con feedback visivo istantaneo ad ogni modifica.
Dal markup vettoriale a un PNG condivisibile
Non tutti i luoghi accettano upload SVG. L'esportazione PNG ti permette di rasterizzare il tuo markup con qualsiasi moltiplicatore di risoluzione, così una piccola icona 24x24 può diventare un nitido PNG 192x192 per una favicon o un'icona app senza uscire dalla pagina.
Domande frequenti
Devo conoscere la sintassi SVG per usarlo?
Sì, devi scrivere o incollare markup SVG reale: è un editor di codice, non uno strumento di disegno. È pensato per sviluppatori e designer che vogliono modificare SVG a mano e vedere il risultato all'istante.
Cosa succede se il mio SVG ha un errore di sintassi?
L'editor esegue un controllo strutturale leggero ad ogni tasto premuto, cercando una radice <svg> valida, tag bilanciati e markup ben formato, mostrando un messaggio di errore al posto dell'anteprima finché non viene corretto.
Come funziona l'esportazione in PNG?
Il sorgente SVG viene trasformato in un data URL, caricato in un'immagine nascosta, poi disegnato su un canvas dimensionato secondo il fattore di scala scelto ed esportato con canvas.toBlob, tutto lato client, senza rendering server.
Il mio codice SVG viene inviato da qualche parte?
No. Analisi, rendering e rasterizzazione in PNG avvengono tutti nel tuo browser. Nulla di ciò che scrivi viene caricato.
Posso vedere l'anteprima di SVG con animazioni o gradienti?
Sì, l'anteprima live renderizza il markup direttamente nel DOM, quindi animazioni CSS, animazioni SMIL, gradienti, filtri e clip path vengono mostrati esattamente come in qualsiasi browser.