Desarrollador / Codificación
Generador de Data URI
Convierte cualquier archivo en una Data URI con fragmentos de CSS y HTML listos para pegar, una opción más pequeña codificada en URL para SVG y el aumento de tamaño del archivo codificado.
Generador de Data URI: Una Data URI (RFC 2397) incluye directamente el contenido de un archivo en un enlace o una hoja de estilos, evitando una solicitud independiente. La codificación Base64 convierte cada 3 bytes en 4 caracteres, por lo que los archivos aumentan aproximadamente un tercio; como SVG es texto, también puede codificarse mediante porcentajes, escapando solo caracteres como %, #, < y >, lo que normalmente ocupa menos. Funciona al 100 % en tu navegador, sin subir archivos a ningún servidor.
- Categoría
- Herramientas de desarrollo
- Se ejecuta
- En tu navegador
- Coste
- Gratis · sin registro
- Disponibilidad
- Lista para usar
Funciona por completo en tu navegador
El archivo se lee en tu navegador y nunca se sube.
Dónde funcionan las data URI
Las data URI funcionan en img src, CSS url(), link href para iconos y enlaces de descarga. Los navegadores impiden que las páginas abran una data URI como página de nivel superior, y una Content Security Policy estricta debe permitir data: para las imágenes o los estilos que las usan.
Para codificar texto en lugar de archivos, usa el codificador Base64; para imágenes que ya tienen una cadena Base64, usa la herramienta imagen a Base64.
Sobrecoste de tamaño
Base64 añade un tercio al tamaño del archivo, pero la compresión de texto en el servidor (gzip o Brotli) recupera gran parte de esa diferencia, ya que el texto codificado se comprime bien. El coste real es que los datos no se pueden almacenar en caché por separado y se vuelven a descargar con cada página u hoja de estilos que los contiene.
Cómo se usa
- Elige o arrastra un archivo; las imágenes se muestran en una vista previa.
- Para archivos SVG, elige la codificación mediante URL o Base64.
- Copia la Data URI o el fragmento de CSS o HTML.
Privacidad y límites
El archivo se lee en tu navegador y nunca se sube.
Herramientas relacionadas
Preguntas frecuentes
¿Cuándo debo usar una Data URI?
Para archivos pequeños que se usan una sola vez, como iconos de menos de unos pocos kilobytes. Los archivos más grandes se sirven mejor por separado, para que el navegador pueda almacenarlos en caché y cargarlos en paralelo.
¿Por qué usar la codificación mediante URL para SVG?
Mantiene el SVG legible y normalmente ocupa menos que Base64; las comillas dobles se convierten en comillas simples para que el resultado encaje dentro de url("…") o de un atributo HTML.
¿Hay un límite de tamaño?
Los navegadores modernos aceptan Data URI de muchos megabytes en imágenes y hojas de estilos, pero las de gran tamaño ralentizan el análisis y hacen que las páginas sean pesadas.
Herramienta gratuita · se ejecuta en tu navegador · sin cuenta