Conversor SVG para Data URI
Cole um SVG para criar uma URI data:image/svg+xml compacta para CSS ou HTML, ou decodifique uma data URI SVG de volta para markup.
Roda localmente no seu navegador. Esta ferramenta não faz upload da sua entrada.
Converta SVG em data URI segura para CSS/HTML e faça o caminho inverso.
Como converter SVG para Data URI
Codifique markup SVG em uma Data URI para CSS ou HTML, ou decodifique uma Data URI SVG de volta para markup.
Para que serve
Data URIs de SVG são úteis para pequenos ícones inline, backgrounds CSS e protótipos compactos.
Conversão nos dois sentidos
- Cole markup SVG para codificar.
- Cole uma Data URI SVG para decodificar.
- Copie o resultado para CSS ou HTML.
Mantenha pequeno
Data URIs funcionam melhor com SVGs pequenos. Ilustrações grandes geralmente são mais fáceis de manter como arquivos separados.
Conversão local
Markup SVG e Data URIs são convertidos localmente e não são enviados.
Perguntas frequentes sobre SVG Data URI
- Posso usar o resultado em CSS?
- Sim. A saída codificada fica pronta para uso em CSS url(...) ou atributos HTML.
- A ferramenta sanitiza SVG?
- Não. Ela só converte texto, então revise SVGs de fontes não confiáveis antes de usar.
- Ela decodifica qualquer Data URI?
- O foco é Data URI de SVG, não formatos de arquivo arbitrários.