“Imagen ↔ Base64” convierte en los dos sentidos entre un archivo de imagen y su codificación en texto. En el sentido de la codificación: elige una imagen y obtendrás cuatro salidas a la vez —la Data URL completa (data:image/png;base64,…, lista para usar en src o en url()), el Base64 puro sin prefijo, un fragmento CSS background-image: url('…'); y un fragmento HTML <img src=… alt=nombre-archivo />—. Cada uno tiene su propio botón de copiar y el título de la tarjeta indica el tamaño codificado y cuánto ha crecido. En el sentido de la decodificación: pega una Data URL o Base64 puro y la herramienta olfatea la cabecera para reconocer PNG / JPEG / GIF / WebP / BMP / SVG, y después previsualiza y descarga. Todo se ejecuta localmente en el navegador.

Se diferencia de “Codificar/decodificar Base64” en que esta versión entiende de imágenes: añade el prefijo MIME, genera CSS / HTML que se pegan tal cual y convierte el texto de vuelta en una imagen que se puede ver.

1. 01Elige el sentidocambia arriba entre “Imagen → Base64” y “Base64 → Imagen”.
2. 02Codificaañade una o varias imágenes y pulsa “Ver” en la lista para cambiar entre ellas. En “Resultado de la codificación”, los cuatro cuadros de texto que superan los 1500 caracteres solo muestran el principio y la longitud total; los botones de copiar entregan siempre el contenido completo.
3. 03Decodificapega en el cuadro “Pegar Base64” una cadena que empiece por data:image/...;base64, o Base64 puro (los espacios y los saltos de línea se eliminan) y pulsa “Vista previa de la decodificación”.
4. 04Guardasi la decodificación funciona, verás el MIME y el tamaño; pulsa “Descargar imagen” y el archivo llegará con la extensión correspondiente, por ejemplo base64-imagen.png.

Base64 ocupa unas 1,33 veces el tamaño del archivo original

Sin prefijo, el formato se deduce de la cabecera

Un icono PNG de 12 KB

Data URL de unos 16 KB (+33 %); fragmento CSS `background-image: url('data:image/png;base64,iVBOR…');`

Pega Base64 puro que empiece por `iVBORw0KGgo`

Se reconoce como image/png, se muestra la vista previa y se descarga como `.png`

Pega una cadena cortada por la mitad

“Error al decodificar: el contenido no es un Base64 válido; comprueba que esté completo”

Entradas admitidas

JPG / PNG / WebP / GIF / BMP / AVIF / HEIC / SVG; el HEIC se convierte antes a JPEG, así que el resultado no son los bytes HEIC originales

Archivos grandes

por encima de 3 MB avisa de que la cadena será muy larga; con cadenas de decenas de MB, un cuadro de texto del navegador se vuelve muy lento

Alcance de la detección

al decodificar reconoce PNG, JPEG, GIF, WebP, BMP y SVG; cualquier otro formato se trata como PNG

SVG

se codifica como data:image/svg+xml;base64,…; no se genera la forma incrustada con codificación URL

Lo que no hace

no comprime ni cambia el formato (usa antes “Comprimir imágenes” o “Convertir formato de imagen”) ni codifica en Base64 archivos que no sean imágenes (usa “Codificar/decodificar Base64”)

La codificación y la decodificación se hacen dentro de tu navegador con FileReader y atob; ni la imagen ni el texto Base64 se envían a ningún servidor.