Conversor SVG para Base64

Arquivos SVG são imagens vetoriais baseadas em XML. Quando você converte svg para base64, transforma o arquivo em uma única string de texto que pode colar em JSON, JavaScript ou templates legados.

Esta ferramenta gera uma data URI data:image/svg+xml;base64,... que você pode copiar na aba Data URI.

A URI codificada mantém o MIME type SVG para que os navegadores a renderizem como imagem vetorial.

Se precisar de um valor data image svg xml base64, copie a URI completa da saída do conversor e cole no seu código.

Use as abas HTML ou CSS quando quiser um snippet pronto em vez da string bruta.

Markup SVG inline é mais fácil de estilizar com CSS e frequentemente produz menor peso na página.

SVG Base64 funciona melhor quando você precisa de uma string codificada para configs, variáveis JavaScript ou sistemas que não aceitam blocos XML brutos.

Em HTML, coloque a data URI dentro do atributo src de uma tag img quando precisar de um padrão base64 img tag para ícones vetoriais.

Em CSS, use valores background image base64 com background-image: url("data:image/svg+xml;base64,..."); para ícones, badges e assets decorativos.

Arquivos SVG grandes criam strings Base64 longas que são difíceis de ler e manter no código-fonte.

Alguns recursos SVG se comportam de forma diferente quando você carrega a imagem por uma tag img em vez de SVG inline.