Visualizzatore SVG
Incolla markup SVG grezzo e visualizza subito il risultato renderizzato.
L'anteprima disattiva script e riferimenti esterni, ma ti permette comunque di controllare viewBox e dettagli dimensionali.
anteprima SVG: incolla il codice grezzo e controlla subito il risultato
controlli di viewBox e dimensioni: verifica trasparenza e contenuti potenzialmente non sicuri
Come si usa
- Incolla il codice SVG o carica un file `.svg`.
- Cambia lo sfondo e il livello di zoom per controllare il rendering.
- Controlla viewBox, dettagli dimensionali e avvisi, poi salva l'SVG se necessario.
Esempio
SVG di un'icona semplice
Input
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Output
Viene renderizzata un'icona circolare blu e nel pannello info il viewBox appare come `0 0 120 120`.
FAQ
Il mio SVG viene caricato da qualche parte?
No. Gli SVG incollati e i file caricati restano nel browser e non vengono inviati a un server.
Cosa succede agli SVG che contengono script o foreignObject?
L'anteprima sicura rimuove quegli elementi prima del rendering e mostra un avviso nel pannello informazioni.
Gli SVG con immagini o font esterni verranno renderizzati esattamente allo stesso modo?
Non sempre. I riferimenti esterni sono disattivati, quindi l'aspetto può differire dall'ambiente originale. Questo strumento privilegia un controllo locale sicuro.
Perché il mio SVG non viene renderizzato?
Le cause più comuni sono XML non valido, valori di attributo errati o un elemento radice che non è `svg`. Controlla il messaggio di errore mostrato dallo strumento.
Perché dovrei cambiare lo sfondo?
Le aree trasparenti e le icone dai colori chiari possono apparire molto diverse a seconda dello sfondo, quindi lo strumento ti permette di provare rapidamente sfondo a scacchi, bianco e scuro.
Note
- Per sicurezza, i riferimenti URL esterni e gli elementi pericolosi vengono disattivati prima del rendering.
- Gli SVG che dipendono da font o immagini esterne potrebbero non apparire uguali all'ambiente originale.
- I file SVG molto grandi passano automaticamente fuori dalla modalità anteprima live e richiedono un rendering manuale.