Encoder SVG Data URI
Incolla markup SVG e trasformalo subito in una Data URI da usare in CSS o HTML. Controlla l’anteprima e copia il risultato con un clic.
Come usare l’encoder SVG
- Incolla il tuo markup SVG grezzo nell’area di input.
- Controlla l’anteprima per verificare che il grafico sia ancora corretto.
- Copia la Data URI o lo snippet CSS già pronto.
Perché codificare SVG come Data URI
Una Data URI ti permette di incorporare SVG direttamente in CSS o HTML senza dover usare un file separato.
La codifica è importante perché SVG contiene caratteri che possono rompere URL CSS o attributi HTML se non vengono escapati.
Lo strumento esegue tutto localmente nel browser e fornisce sia la URI grezza sia un esempio CSS pronto da copiare.
Domande Frequenti
Cos’è una Data URI? ▼
È un modo per incorporare il contenuto di un file direttamente in una stringa, senza percorso esterno.
Perché non incollare l’SVG direttamente nel CSS? ▼
Perché l’SVG contiene spesso caratteri che devono essere codificati per essere validi in una URL.
Posso usare il risultato in un tag img? ▼
Sì. La Data URI generata funziona sia in img src sia in background-image.
Riduce la dimensione del file? ▼
A volte, ma il vantaggio principale è la comodità di incorporazione.
È privato? ▼
Sì. La conversione avviene interamente nel browser.