Informazioni su questo strumento
Incolla markup SVG grezzo e ottieni un data URI da inserire direttamente in CSS o HTML. Produce due codifiche e tutto viene generato nel tuo browser, quindi niente viene caricato.
L'output URL-encoded sostituisce le virgolette doppie con quelle singole, esegue encodeURIComponent, poi ripristina alcuni caratteri sicuri (spazio, due punti, slash, uguale) per mantenerlo compatto e leggibile. L'output base64 codifica l'SVG in UTF-8 e lo passa attraverso btoa, dando data:image/svg+xml;base64,… . Un confronto in byte mostra quale codifica è più piccola; per la maggior parte delle icone vince la forma URL-encoded.
Abilita la minificazione per rimuovere i commenti e comprimere gli spazi tra i tag prima della codifica. Copia la riga background-image per il CSS o la riga <img src> per l'HTML. Nota che le virgolette all'interno dell'SVG vengono normalizzate a virgolette singole così che il data URI possa essere racchiuso in virgolette doppie in sicurezza.