Visualizzatore SVG
Visualizza file SVG online: trascina un file o incolla il codice per vederne l’anteprima, ingrandirlo e modificarlo subito. Tutto avviene nel tuo browser.
- Nessun caricamento
- Funziona offline
- Gratis, senza registrazione
- I file non lasciano mai il browser
Trascina qui i file SVG
oppure incolla codice SVG nell’editor. Puoi aprire più file contemporaneamente.
Il tuo SVG resta su questo dispositivo. Non viene caricato nulla.
Come usare il Visualizzatore SVG
- 1
Apri il tuo SVG
Trascina uno o più file .svg, incolla codice SVG o scegli i file dal tuo dispositivo.
- 2
Visualizza e modifica
L’anteprima si aggiorna mentre scrivi. Ingrandisci, spostati, cambia lo sfondo o attiva la modalità contorno per vedere ogni tracciato.
- 3
Esporta
Ottimizza con SVGO, poi scarica in SVG, PNG, JPG, WebP o ICO, oppure copia codice React, Vue o data URI.
Cos’è un visualizzatore SVG?
Un visualizzatore SVG apre i file Scalable Vector Graphics (.svg) e li disegna sullo schermo. Poiché l’SVG è un formato di testo, un buon visualizzatore mostra anche il codice dietro l’immagine, così capisci esattamente perché una forma, un colore o una sfumatura appare in un certo modo.
viewsvg è un visualizzatore SVG online ed editor gratuito. Mostra il file appena lo trascini, ti permette di ingrandire dal 2% al 6400%, spostarti e controllare l’immagine su sfondo trasparente, bianco, nero o personalizzato. L’editor di codice è accanto all’anteprima e la aggiorna mentre scrivi: visualizzare e correggere un SVG avviene nello stesso posto.
Come aprire un file SVG su qualsiasi dispositivo
Il modo più rapido per vedere un SVG su qualsiasi dispositivo è aprirlo qui: clicca su Apri o trascina il file su questa pagina. Funziona in Chrome, Edge, Safari e Firefox, su computer e smartphone, senza installare nulla. Anche il sistema operativo può mostrare gli SVG, con alcuni limiti:
Windows
Per impostazione predefinita Windows non mostra l’anteprima degli SVG in Esplora file né nell’app Foto. Fai clic destro sul file, scegli Apri con e seleziona Microsoft Edge o Chrome, oppure installa Microsoft PowerToys per avere miniature e riquadro di anteprima degli SVG. Per vedere il codice o modificare l’immagine, aprilo in viewsvg.
Mac
Seleziona il file nel Finder e premi la barra spaziatrice per vederlo con Quick Look, oppure aprilo in Safari. Nessuno dei due mostra il codice, il viewBox o la dimensione del file. Trascina il file qui per vederli.
iPhone e iPad
L’app File può mostrare l’anteprima di molti SVG. Per ingrandire, controllare la trasparenza o esportare in PNG, apri viewsvg in Safari, tocca Apri e scegli il file da File o iCloud Drive.
Android
La maggior parte delle app galleria di Android non supporta gli SVG. Apri questa pagina in Chrome, tocca Apri e scegli il file dalla memoria del telefono o da Google Drive.
Linux
Il visualizzatore di immagini di GNOME, Gwenview e la maggior parte dei file manager mostrano gli SVG. Usa viewsvg quando ti servono anche il codice, l’ottimizzazione o l’esportazione in PNG.
Cos’è un file SVG?
SVG (Scalable Vector Graphics, grafica vettoriale scalabile) è un formato di immagine basato su XML definito dal W3C. Invece dei pixel, un file SVG descrive forme: tracciati, cerchi, rettangoli, testo e sfumature, con coordinate all’interno di un viewBox. Per questo gli SVG restano nitidi a qualsiasi dimensione, da una favicon di 16 px a un cartellone, e le icone semplici spesso pesano meno dell’equivalente PNG.
Tutti i browser supportano gli SVG, quindi sono il formato standard per loghi, icone, illustrazioni, grafici ed elementi di interfaccia sul web. Poiché il file è testo semplice, puoi aprirlo in qualsiasi editor di codice, ma vedi com’è solo quando viene renderizzato. Un visualizzatore SVG ti mostra entrambe le cose.
Perché usare viewsvg invece di una scheda del browser o di un programma di grafica?
Aprire un SVG in una scheda del browser mostra l’immagine e nient’altro. Un programma di grafica come Illustrator, Figma o Inkscape può modificarlo, ma si apre lentamente e spesso riscrive il codice. viewsvg sta nel mezzo:
| Funzione | Scheda del browser | Programma di grafica | viewsvg |
|---|---|---|---|
| Si apre subito, senza installazione | Sì | No | Sì |
| Zoom, spostamento e adattamento | Limitato | Sì | Sì, fino al 6400% |
| Vedere e modificare il codice in tempo reale | No | No | Sì |
| Sfondi trasparente, scuro e personalizzato | No | Sì | Sì |
| Modalità contorno e griglia di pixel | No | Sì | Sì |
| Ottimizzazione con SVGO | No | No | Sì |
| Esportazione in PNG, JPG, WebP, ICO e JSX | No | In parte | Sì |
| I file restano sul tuo dispositivo | Sì | Sì | Sì |
È sicuro anche con file di cui non ti fidi: script, gestori di eventi e link javascript: vengono rimossi prima della visualizzazione.
Tutto ciò che serve per lavorare con gli SVG
Il Visualizzatore SVG fa parte di un unico spazio di lavoro per visualizzare, modificare, ottimizzare e convertire file SVG, senza registrazione, senza pubblicità e senza caricamenti.
Anteprima istantanea
Zoom fino al 6400%, spostamento, adattamento allo schermo e verifica su sfondo trasparente, bianco, nero o di qualsiasi colore.
Editor di codice in tempo reale
Evidenziazione della sintassi, indicatori di errore per riga, formattazione e minificazione, ricerca e cronologia completa degli annullamenti.
Contorno e griglia di pixel
Vedi ogni tracciato in modalità contorno e controlla l’allineamento dei pixel con la griglia quando ingrandisci.
Ispeziona
Dimensione del file e con gzip, viewBox, albero degli elementi con evidenziazione e sostituzione dei colori con un clic.
Ottimizza con SVGO
Riduci i file con anteprime prima/dopo e precisione regolabile. Ottimizza tutti i file aperti in una volta.
PNG, JPG, WebP e ICO
Esporta a qualsiasi dimensione fino a 16384 px, con trasparenza, o copia il PNG direttamente negli appunti.
React, Vue e Svelte
Componenti JSX/TSX, React Native, Vue e Svelte puliti, con supporto per currentColor e props.
Più file insieme
Apri molti SVG come schede, poi ottimizzali in blocco o scaricali in uno ZIP di SVG o PNG.
Privato e offline
Nessun caricamento, nessun account. Il tuo lavoro resta salvato nel browser e l’app funziona offline dopo la prima visita.
Domande frequenti
Come posso visualizzare un file SVG online?
Trascina il file .svg su questa pagina oppure clicca su «Apri» e sceglilo. L’SVG compare subito nell’anteprima e il suo codice appare nell’editor, così puoi modificarlo in tempo reale.
Con quale programma si aprono i file SVG?
Qualsiasi browser moderno (Chrome, Edge, Safari, Firefox) apre i file SVG, così come i programmi di grafica come Illustrator, Inkscape e Figma. Un visualizzatore SVG online come viewsvg funziona su qualsiasi dispositivo senza installazione e mostra anche il codice, le dimensioni e il viewBox.
Come vedo il codice di un file SVG?
Apri il file qui: il codice sorgente compare nell’editor accanto all’anteprima, con evidenziazione della sintassi e numeri di riga. Usa Formatta per indentare il codice minificato e leggerlo facilmente.
Posso modificare il codice SVG e vedere le modifiche in tempo reale?
Sì. L’editor ha evidenziazione della sintassi, indicatori di errore e annullamento. Ogni modifica ridisegna l’anteprima. Puoi anche ruotare, riflettere, ridimensionare e cambiare colori senza toccare il codice.
Perché il mio SVG mostra un errore?
L’SVG è XML, quindi deve essere ben formato: tag chiusi, attributi tra virgolette e un elemento radice <svg> con xmlns="http://www.w3.org/2000/svg". viewsvg evidenzia la riga esatta del problema e mantiene sullo schermo l’ultima anteprima valida mentre correggi.
Posso aprire più file SVG contemporaneamente?
Sì. Trascina più file e ognuno si apre in una scheda. Puoi passare dall’uno all’altro, ottimizzarli tutti insieme o scaricarli in uno ZIP di SVG o PNG.
Posso visualizzare file SVG sullo smartphone?
Sì. viewsvg funziona in Safari e Chrome per dispositivi mobili. Tocca Apri per scegliere un SVG dai tuoi file, avvicina o allontana due dita per lo zoom e trascina per spostarti.
Il visualizzatore mostra gli SVG animati?
Sì. Le animazioni SMIL (<animate>, <animateTransform>) e le animazioni CSS contenute nell’SVG vengono riprodotte nell’anteprima. Vengono rimossi solo gli script.
È sicuro aprire file SVG di provenienza sconosciuta?
viewsvg rimuove script, gestori di eventi e link javascript: prima della visualizzazione e renderizza l’SVG in uno shadow DOM isolato, così i suoi stili non influenzano la pagina.
I miei file SVG vengono caricati da qualche parte?
No. viewsvg funziona interamente nel tuo browser. I file vengono letti, visualizzati, ottimizzati e convertiti sul tuo dispositivo e niente viene inviato a un server. Dopo la prima visita funziona anche offline.
viewsvg è gratuito?
Sì. Tutte le funzioni sono gratuite, senza registrazione, senza filigrane e senza limiti sui file.