IT

SVG → </>

Visualizzatore SVG ed editor di codice

Apri un file SVG o incollane il codice per vederlo renderizzato, controllarne le dimensioni e modificarlo con anteprima dal vivo. Tutto resta nel browser.

Sfondo
SVG renderizzato

Funziona nel browser · i file restano sul tuo dispositivo

Come visualizzare un file SVG

  1. Apri un file o incolla il codice. Usa Apri file, trascina un SVG sull'anteprima o incolla il codice nell'editor.
  2. Controlla l'anteprima. Passa tra sfondo trasparente, chiaro e scuro per vedere bordi e forme bianche.
  3. Modifica il codice. L'anteprima si aggiorna mentre scrivi. Formatta il codice sistema l'indentazione.
  4. Copia o scarica. Salva l'SVG modificato o copia il codice.

Visualizzare un SVG su qualsiasi sfondo

Molte icone SVG sono bianche o usano zone trasparenti, e su una pagina bianca spariscono. Il selettore dello sfondo mostra l'immagine su una scacchiera, sul bianco e su una superficie scura: così ti accorgi di un logo bianco, di un riempimento mancante o di un bordo che sborda.

Sotto l'anteprima trovi width e height dichiarati, il viewBox, il numero di elementi e il peso del file. Questi valori spiegano quasi tutti i problemi di dimensione: un SVG senza width e height prende la dimensione del suo contenitore, e un viewBox sbagliato taglia o rimpicciolisce il disegno.

Visualizzatore SVG online con editor di codice

L'editor evidenzia l'XML, comprime i gruppi lunghi e mostra i numeri di riga. Quando il codice contiene un errore, come un tag non chiuso, il visualizzatore mostra l'errore del parser invece di un'immagine vuota, così sai quale riga correggere.

L'anteprima viene renderizzata come immagine. Gli script dentro un SVG non vengono eseguiti, quindi puoi aprire senza rischi i file che ti ha mandato qualcun altro.

Modificare un SVG online per correzioni rapide

Le modifiche tipiche richiedono pochi secondi: cambiare il colore di un fill, rimuovere width e height fissi per rendere l'icona responsive, eliminare un livello nascosto o aggiungere un <title> per l'accessibilità. Per una pulizia più profonda, passa il file nell'ottimizzatore SVG.

Domande sul visualizzatore SVG

Il visualizzatore SVG è gratuito?
Sì, e non serve un account.
Il mio file viene caricato?
No. Il file viene letto e renderizzato dal tuo browser.
Perché il mio SVG è vuoto?
Spesso le forme sono bianche su sfondo bianco. Passa allo sfondo scuro. Se resta vuoto, controlla il viewBox e il messaggio di errore sotto l'editor.
Posso aprire file SVG su Windows o Mac senza programmi?
Qualsiasi browser moderno apre un file SVG. Questo visualizzatore aggiunge l'editor di codice e le informazioni sulle dimensioni.