Visualizzatore e Editor SVG
Visualizza, modifica e ottimizza file SVG online. Anteprima in tempo reale, modifica del codice e strumenti di ottimizzazione.
Cos'è il formato SVG?
SVG (Scalable Vector Graphics) è un formato di immagine vettoriale basato su XML che consente un ridimensionamento infinito senza perdita di qualità. È ampiamente utilizzato per loghi, icone e grafica web.
Qual è la differenza tra SVG e PNG?
SVG è un formato vettoriale che utilizza formule matematiche per descrivere la grafica e può essere scalato all'infinito senza perdere qualità. PNG è un formato raster composto da pixel che diventa sfocato quando ingrandito. SVG è ideale per loghi, icone e diagrammi, mentre PNG è più adatto per le foto.
Quali formati di file posso visualizzare?
Questo strumento visualizza file SVG. Puoi incollare codice SVG direttamente o caricare un file .svg dal tuo dispositivo.
Posso modificare il codice SVG direttamente?
Sì, puoi modificare il codice sorgente SVG nel pannello editor e vedere le modifiche nell'anteprima in tempo reale.
Come funziona l'anteprima in tempo reale?
Il pannello di anteprima si aggiorna automaticamente mentre digiti nell'editor di codice, mostrandoti esattamente come verrà renderizzato il tuo SVG nei browser.
Come ottimizzo il mio SVG?
Clicca su Ottimizza per rimuovere spazi non necessari, commenti, metadati e attributi ridondanti, riducendo le dimensioni del file.
Posso cambiare i colori e gli stili SVG?
Sì, puoi modificare i colori di riempimento, i colori del tratto, l'opacità e altri attributi di stile direttamente nel codice SVG.
SVG supporta l'animazione?
Sì, SVG supporta animazioni tramite SMIL (Synchronized Multimedia Integration Language) e animazioni CSS. Puoi creare effetti come movimento, cambiamenti di colore e trasformazioni di forma direttamente all'interno di SVG.
Quali browser sono supportati?
Questo strumento funziona in tutti i browser moderni tra cui Chrome, Firefox, Safari ed Edge.
Come posso validare la sintassi SVG?
Lo strumento evidenzia automaticamente gli errori di sintassi nel tuo codice SVG, aiutandoti a identificare e correggere i problemi immediatamente.
Posso ridimensionare SVG senza perdita di qualità?
Sì, SVG è un formato vettoriale che può essere scalato a qualsiasi dimensione senza perdere qualità o diventare pixelato.
I miei dati SVG vengono inviati a un server?
No, tutta l'elaborazione avviene localmente nel browser. I tuoi contenuti SVG non lasciano mai il tuo dispositivo.
Come usare Visualizzatore e Editor SVG
SVG Viewer & Editor mostra un SVG appena incolli il codice o trascini il file, e consente di modificare il markup con anteprima in tempo reale. Tutto avviene in locale nel tuo browser.
- Incolla il codice SVG nell'editor con il suggerimento “Paste SVG code here or drag & drop a file...”, oppure trascina un file .svg sulla pagina.
- La grafica viene renderizzata subito nell'anteprima in tempo reale accanto al codice.
- Modifica direttamente nel codice attributi come viewBox, width, height, fill o i dati del tracciato — l'anteprima si aggiorna mentre scrivi.
- Correggi sul posto i problemi comuni, come un attributo xmlns mancante o un viewBox che taglia il disegno.
- Copia il codice finale quando l'anteprima ti soddisfa.
Se l'anteprima resta vuota, controlla che il codice inizi con <svg e includa il namespace xmlns — un xmlns mancante è la causa più comune.
Strumenti correlati
- Ottimizzatore SVG Ottimizza e comprimi file SVG istantaneamente nel browser. Rimuovi metadati, commenti e dati dell'editor, riduci le dimensioni fino al 60%.
- Convertitore SVG in PNG Converti SVG in PNG, JPEG o WebP istantaneamente nel browser. Personalizza scala, dimensioni e colore di sfondo. Gratuito, privato, nessun caricamento.
- Calcolatrice Chmod Calcolatrice chmod online gratuita per visualizzare e calcolare i permessi dei file Linux con caselle di controllo. Converti istantaneamente tra notazione numerica (755, 644) e simbolica (rwxr-xr-x). Supporta permessi speciali come setuid, setgid, sticky bit.
- Tabella ASCII Riferimento completo per la codifica dei caratteri ASCII con codici decimali, esadecimali, ottali, binari, entità HTML e descrizioni. Ricerca e filtro istantanei.
- Tester di Richieste HTTP Testa le API REST direttamente nel browser. Invia richieste GET, POST, PUT, DELETE con header, body e parametri personalizzati. Visualizza stato, header e corpo JSON della risposta istantaneamente.
- Generatore .htaccess Genera regole .htaccess Apache per reindirizzamenti, riscritture, header di sicurezza, caching e altro.
- Generatore Robots.txt Generatore gratuito di robots.txt online. Crea e personalizza file robots.txt per controllare la scansione dei motori di ricerca, gestire l'accesso dei crawler e ottimizzare il SEO del tuo sito.
- Generatore di Sitemap Generatore gratuito di sitemap XML online. Aggiungi URL, imposta priorità e frequenze, crea sitemap SEO istantaneamente.