Convierte SVG en un data URI para CSS y HTML
Convierte código SVG en un data URI optimizado (usable en CSS o HTML), en tu navegador.
URL-encoded mode yields a shorter data URI than Base64 for SVG.
🔒 100 % en el cliente — no se envía ningún dato
Convierte tu código SVG en un data URI optimizado, listo para incrustar en CSS o HTML. Evitas una petición de red adicional al insertar la imagen directamente en tu hoja de estilos. La conversión se ejecuta 100% en el navegador, sin subir ningún archivo.
What is it for?
- ▸ Incrustar un icono SVG como background-image en CSS sin un archivo externo
- ▸ Reducir el número de peticiones HTTP en una página web
- ▸ Insertar en línea un logotipo pequeño directamente en un atributo src
- ▸ Optimizar y codificar un SVG para un correo o un componente
FAQ
¿Qué es un data URI para un SVG?
Es una cadena que codifica toda la imagen directamente en la URL, con la forma data:image/svg+xml. Permite mostrar el SVG sin un archivo aparte, insertándolo en CSS o HTML.
¿Debo codificar en UTF-8 o en base64?
Para los SVG, la codificación en UTF-8 (con caracteres escapados) suele ser más ligera y legible que base64. La herramienta genera una versión optimizada que puedes pegar tal cual en tu CSS.
¿Se sube mi código SVG a algún sitio?
No, la codificación se realiza íntegramente en tu navegador. Tu SVG nunca se envía ni se almacena en un servidor.