Listo para desarrollo
Genera Data URI, CSS o HTML desde el mismo SVG.
← Todas las herramientas SVG
SVG → DATA URI
Convertir SVG a Data URI
Codifica archivos SVG para usarlos directamente en HTML, CSS y otros proyectos web.
Procesamiento local en el navegador
Sube tu SVG
Elige codificación URL o Base64 y genera una salida lista para desarrollo de forma local.
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
Ventajas
Listo para desarrollo, privado y flexible
Privado
La codificación ocurre localmente.
Flexible
Elige codificación URL legible o Base64.
Cómo funciona
Cómo convertir SVG a Data URI
- 1Elige o arrastra tu SVG.
- 2Selecciona codificación URL o Base64.
- 3Genera el Data URI localmente.
- 4Copia Data URI, CSS o la etiqueta HTML.
Sigue trabajando
Herramientas relacionadas
Preguntas frecuentes
Preguntas comunes
¿Debo usar URL o Base64?
La codificación URL suele ser una buena opción para SVG. Usa Base64 cuando tu sistema lo requiera.
¿Puedo usar el resultado en CSS?
Sí. Copia la declaración background-image generada.
¿Se sube mi SVG?
No. Todo se codifica localmente.
ALLONLINE.TOOLS
