Converti SVG in data URI per CSS e HTML
Converti il codice SVG in un data URI ottimizzato (utilizzabile in CSS o HTML), nel tuo browser.
URL-encoded mode yields a shorter data URI than Base64 for SVG.
🔒 100 % lato client — nessun dato inviato
Converti il tuo codice SVG in un data URI ottimizzato, pronto per essere incorporato in CSS o HTML. Eviti una richiesta di rete aggiuntiva incorporando l'immagine direttamente nel tuo foglio di stile. La conversione viene eseguita al 100% nel browser, senza caricamento di file.
What is it for?
- ▸ Incorpora un'icona SVG come immagine di sfondo CSS senza un file esterno
- ▸ Ridurre il numero di richieste HTTP su una pagina web
- ▸ Incorpora un piccolo logo direttamente in un attributo src
- ▸ Ottimizza e codifica un SVG per un'e-mail o un componente
FAQ
Che cos'è un data URI per un SVG?
È una stringa che codifica l'intera immagine direttamente nell'URL, nella forma data:image/svg+xml. Permette di visualizzare l'SVG senza un file separato, inserendolo in CSS o HTML.
Dovrei codificare in UTF-8 o Base64?
Per gli SVG, la codifica UTF-8 (con caratteri di escape) è spesso più leggera e più leggibile di Base64. Lo strumento produce una versione ottimizzata che puoi incollare così com'è nel tuo CSS.
Il mio codice SVG è caricato da qualche parte?
No, la codifica avviene interamente nel tuo browser. Il tuo SVG non viene mai inviato o archiviato su un server.