Strumenti per sviluppatori

Visualizzatore ed Editor SVG online gratuito

Apri, modifica e ottimizza file SVG con anteprima live: questo visualizzatore SVG edita il codice in tempo reale, gestisce lo zoom ed esporta nel browser.

Apri qualsiasi file SVG o incolla codice SVG per vederlo istantaneamente nel pannello di anteprima live mentre modifichi il codice fianco a fianco. Questo visualizzatore e editor SVG online renderizza grafica vettoriale nel browser senza caricare file, ti consente di zoomare e ispezionare forme, e formatta o minifica il sorgente SVG, tutto elaborato localmente.

Trascina e rilascia il file SVG qui

o clicca per sfogliare

Codice

sample.svg • 673

Anteprima

100%

100%
sample.svg

Perché usare Visualizzatore SVG online?

Apri file SVG o incollane il codice, modificali guardando il risultato renderizzato e formatta o minifica il markup vettoriale senza installare programmi di grafica o strumenti desktop.

Informazioni sul visualizzatore SVG

SVG (Scalable Vector Graphics) è un formato di immagini vettoriali basato su XML per la grafica bidimensionale, con supporto per interattività e animazioni. Questo strumento mostra il codice SVG accanto a un'anteprima renderizzata: modifichi il codice, verifichi il risultato e riduci le dimensioni del file senza uscire dal browser. È utile per il debug delle icone o per ritoccare illustrazioni vettoriali.

Caratteristiche principali del visualizzatore SVG

Anteprima mentre modifichi

Ogni modifica nell'editor di codice viene renderizzata subito nel pannello di anteprima. Puoi ingrandire o ridurre dal 10% al 500% e scorrere l'anteprima per controllare tracciati, forme e stili.

Elaborazione nel browser

L'SVG viene letto, renderizzato e formattato da JavaScript nel tuo browser. I file che apri e il codice che incolli non vengono caricati su alcun server.

Formatta, minifica e scarica

«Formatta SVG» reindenta il markup con 4 spazi, «Minifica SVG» rimuove i commenti e gli spazi tra i tag. Puoi copiare il risultato o scaricarlo come file .svg.

Come usare il Visualizzatore e Editor SVG

  1. 1

    Carica il tuo SVG

    Apri un file .svg, trascinalo sull'editor oppure incolla il codice SVG direttamente nell'editor.

  2. 2

    Anteprima in tempo reale

    Il pannello di destra renderizza l'SVG mentre scrivi. Ingrandisci o riduci e scorri l'anteprima per esaminare forme, tracciati e stili.

  3. 3

    Formatta o minimizza il codice

    Usa «Formatta SVG» per reindentare il markup con 4 spazi, oppure «Minifica SVG» per eliminare commenti e spazi e ridurre le dimensioni del file.

  4. 4

    Copia o scarica

    Copia il codice SVG ottimizzato negli appunti o scarica il file .svg per usarlo nel tuo progetto.

Riferimenti

  • W3C — SVG 2

    La specifica ufficiale W3C che definisce il formato SVG, i suoi elementi e attributi.

  • MDN — SVG

    Il riferimento MDN per gli elementi SVG, gli attributi e il rendering della grafica vettoriale nel browser.

Strumenti correlati

Immagine in Base64

Codifica un SVG o un'immagine raster in un data URI Base64 per l'incorporamento inline.

Convertitore PNG

Converti immagini JPG, WebP, BMP, GIF o ICO in PNG.

Visualizzatore XML

Ispeziona e formatta la struttura XML alla base di ogni documento SVG.

Convertitore colori

Converti valori di colore HEX, RGB e HSL usati nei riempimenti e nei tratti SVG.

Domande frequenti

Questo visualizzatore SVG è gratuito?
Sì, questo strumento è completamente gratuito per uso personale e commerciale.
Conservate i miei file SVG?
No. Tutta l'elaborazione avviene lato client nel tuo browser, nessun file viene caricato su alcun server.
Come aprire un file SVG online?
Carica il file .svg tramite il pulsante Carica file, trascinalo nell'area apposita o incolla il codice SVG direttamente nell'editor. L'anteprima viene aggiornata immediatamente.
Posso modificare il codice SVG e vedere le modifiche in diretta?
Sì. Le modifiche nell'editor di codice si riflettono istantaneamente nel pannello di anteprima, così puoi regolare tracciati, colori e dimensioni in tempo reale.
Come convertire SVG in PNG online gratis?
Questo strumento non esporta in PNG e i convertitori di immagini del sito non accettano file SVG. Per rasterizzare un SVG usa un renderer da riga di comando come rsvg-convert (rsvg-convert -w 512 -o icon.png icon.svg) o Inkscape (inkscape icon.svg --export-type=png).
Posso caricare un SVG da un URL?
Non direttamente: non c'è un campo URL. Apri il link nel browser, salva il file .svg (o copia il markup dal codice sorgente) e poi aprilo qui o incolla il codice nell'editor.