SVG in data URI (CSS e HTML)
Converti il codice SVG in un data URI ottimizzato da usare in CSS (background-image, mask) e HTML, con codifica URL più corta di Base64 e anteprima dell’immagine.
Come si usaIncolla il codice SVG.
Disponibile in: 
SVG in data URI (CSS e HTML): a cosa serve
Incolla il codice SVG e scegli il formato di output. Lo strumento rimuove gli spazi in più, sostituisce le virgolette e codifica solo i caratteri necessari, generando un data URI più piccolo di Base64, e mostra l’anteprima dell’immagine e la dimensione finale.
Come si usa
- Incolla il codice SVG.
- Scegli CSS, data URI, img o Base64.
- Copia il risultato.
Quando usarlo
- Incorporare icone nel CSS senza file aggiuntivi.
- Usare SVG in mask-image.
- Ridurre le richieste della pagina.
Domande frequenti
Perché non usare Base64?
Per l’SVG, la codifica URL di solito dà un risultato più piccolo di Base64, perché l’SVG è già testo. Solo i caratteri speciali, come <, >, # e le virgolette, devono essere codificati.
Come lo uso nel CSS?
Copia il risultato nel formato background-image: url("data:image/svg+xml,..."). Funziona anche in mask-image, list-style-image e nell’attributo src di un tag img.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.