Codificación
Data URI / Imagen Base64
Codificación de una imagen en Data URI (data:image/…;base64,…) para insertarla en CSS/HTML, y decodificación de un Data URI o Base64 sin procesar de vuelta a un archivo — todo directamente en el navegador.
La vista previa de la imagen aparecerá aquí.
Preguntas frecuentes
¿Cuándo conviene usar un Data URI en vez de un archivo aparte?
Es útil para imágenes pequeñas (iconos, texturas) que quieres incluir directamente en CSS o HTML sin una petición HTTP extra. No sustituye a los archivos normales para imágenes grandes, porque aumenta el tamaño de la página y no se cachea como un archivo independiente.
¿Hay un límite de tamaño para los Data URI?
Sí, aunque el estándar no fija un límite estricto, en la práctica navegadores y clientes de correo imponen límites de tamaño (algunos correos truncan Data URI muy largos), por lo que se recomienda reservarlos para imágenes pequeñas.
¿Se sube mi imagen a un servidor para generar el Data URI?
No, la lectura del archivo y la codificación a Base64 ocurren completamente en tu navegador; la imagen nunca se envía a ningún servidor.