Codificador de Data URI

Convierte un archivo en una Data URI (base64) y viceversa
Local · privado
Arrastra un archivo aquí o haz clic para elegir
Vista previa

Sobre esta herramienta

Convierte cualquier archivo (imagen, fuente, ícono) en una Data URI codificada en Base64, lista para incrustar directamente en CSS, HTML o JSON sin necesidad de un archivo separado ni una petición HTTP adicional — muy usado para íconos pequeños, fuentes web o imágenes de fondo en CSS que se quieren empaquetar junto con el código. También funciona al revés: pega una Data URI y previsualiza o descarga el archivo original que representa. Útil para desarrolladores frontend que quieren reducir el número de peticiones de red de un sitio, para incrustar un logo pequeño directamente en un correo HTML, o simplemente para entender qué contiene una Data URI larga que encontraste en el código de otro sitio. Todo el proceso ocurre en tu navegador, tu archivo nunca se sube a ningún servidor.

Preguntas frecuentes

¿Qué es una Data URI?

Es una dirección que incluye el propio contenido del archivo codificado en Base64 (data:image/png;base64,...). Se puede incrustar en CSS, HTML o JSON sin un archivo aparte ni una petición HTTP más.

¿Cuándo conviene usarla?

Con archivos pequeños (íconos, fuentes pequeñas, fondos sencillos), por debajo de unos pocos KB. Base64 aumenta el tamaño un 33 %, así que con imágenes grandes es peor que enlazar el archivo.

¿Puedo hacer lo contrario, de Data URI a archivo?

Sí: pega la Data URI y pulsa decodificar. Si es una imagen, se ve la vista previa; si es otro tipo de archivo, aparece un enlace para descargarlo.

¿Qué archivos acepta?

Cualquiera: imágenes, fuentes, íconos SVG u otros archivos. El tipo (MIME) se toma del archivo que subes.

¿Se sube mi archivo a algún servidor?

No, la codificación se hace en tu navegador con FileReader.

Herramientas relacionadas

Espacio publicitario