Pronto para desenvolvimento
Gera Data URI, CSS ou HTML a partir do mesmo SVG.
← Todas as ferramentas SVG
SVG → DATA URI
Converter SVG para Data URI
Codifica ficheiros SVG para uso direto em HTML, CSS e outros projetos web.
Processamento local no navegador
Carrega o teu SVG
Escolhe codificação URL ou Base64 e gera saída pronta para desenvolvimento localmente.
Upload your SVG
Encode SVG markup for direct use in HTML, CSS or other web projects.
1. Source
Choose or drop your SVG file
Drag it here or click to browse
2. Encoding
Encoding method
Percent-encodes the SVG as UTF-8 text. This is usually easier to inspect and often smaller than Base64 for SVG.
Encoded locally. Your SVG never leaves your device.
Encoding locally…
3. Result
Ready
Copy your encoded SVG
SVG size—
Output length—
Output format
Ready to paste directly into your project.
Developer-readyPrivateUTF-8 safe
Vantagens
Pronto para desenvolvimento, privado e flexível
Privado
A codificação acontece localmente.
Flexível
Escolhe codificação URL ou Base64.
Como funciona
Como converter SVG para Data URI
- 1Escolhe ou arrasta o SVG.
- 2Seleciona codificação URL ou Base64.
- 3Gera o Data URI localmente.
- 4Copia Data URI, CSS ou HTML.
Continuar
Ferramentas relacionadas
FAQ
Perguntas frequentes
URL ou Base64?
A codificação URL costuma ser ideal para SVG. Usa Base64 quando necessário.
Posso usar o resultado em CSS?
Sim. Copia a declaração background-image gerada.
O SVG é enviado?
Não, a codificação é local.
ALLONLINE.TOOLS
