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.
Strumenti Correlati
Codificatore/Decodificatore Base64
Codifica testo in Base64 o decodifica Base64 in testo istantaneamente. Supporta Unicode completo incluso emoji. Tutta l'elaborazione avviene localmente nel tuo browser.
Generatore di Gradienti CSS
Crea bellissimi gradienti CSS visivamente. Scegli il tipo lineare, radiale o conico, aggiungi fermate di colore, regola l'angolo e ottieni un'anteprima dal vivo. Copia il CSS pronto con un clic.
Generatore di QR Code
Genera QR code per URL, password WiFi, indirizzi email, contatti vCard o testo. Scegli dimensione e livello di correzione errori, poi scarica in PNG. Gratis, istantaneo, senza registrazione.