Imagen a Base64

Acerca de Imagen a Base64

Esto codifica una imagen en un data URI Base64 — una cadena de texto que representa toda la imagen — y decodifica esas cadenas de vuelta a una imagen visible. Los desarrolladores usan data URIs para incrustar una imagen pequeña directamente en HTML o CSS (un icono, un logo, un gráfico seguro para correo) de modo que cargue con la página en vez de como una petición separada. También es útil para pegar una imagen en una carga JSON o un archivo de configuración donde solo se permite texto.

Cómo funciona

La codificación lee tu archivo de imagen y produce un data URI data: — por ejemplo data:image/png;base64,iVBORw0KGgo… — que puedes pegar directamente en un <img src>, un background: url(...) de CSS, o donde se necesite una cadena de texto. También muestra el tamaño del texto resultante. La decodificación toma una cadena Base64 o un data URI completo, y lo renderiza de vuelta a una imagen que puedes previsualizar y descargar. Todo ocurre en tu navegador.

Supuestos y comportamiento

• La codificación produce un data URI completo (incluido el prefijo data:image/…;base64,), listo para poner en HTML o CSS.
• La decodificación acepta o bien un data URI completo o una cadena Base64 sin más (asume PNG si no se da un tipo).
• Se muestra el tamaño del texto codificado, para que juzgues si la incrustación vale la pena.
• El espacio en blanco en el Base64 pegado se ignora al decodificar.

Limitaciones

• El Base64 es un 33% más grande que el binario original. Incrustar infla tu HTML/CSS, así que es mejor para imágenes pequeñas (iconos, logos diminutos); las imágenes grandes se sirven mejor como archivos normales.
• Los data URIs incrustados no se cachean por separado en el navegador, así que reutilizar la misma imagen grande en varias páginas vía data URIs desperdicia ancho de banda frente a un archivo compartido.
• Maneja data URIs de imagen; no es un codificador de archivos general.
• Las imágenes muy grandes producen una cadena de texto muy larga que puede ser difícil de manejar.

Privacidad

La codificación y decodificación se ejecutan por completo en tu navegador. Tu imagen y el texto Base64 nunca salen de tu dispositivo.