Conversor de Base64 a Imagen
Decodifica una cadena Base64 o data URI de vuelta a una imagen en tu navegador. Previsualiza, lee dimensiones y MIME, luego descarga como PNG, JPG, GIF, SVG. Sin subir.
Suelta una imagen aquí, pégala o haz clic para explorar
PNG · JPG · GIF · WebP · SVG · ICO · BMP — convertido enteramente en tu navegador
¿Qué es la decodificación de Base64 a Imagen?
La decodificación de Base64 a imagen es lo inverso de codificar: toma una cadena de caracteres ASCII imprimibles del alfabeto Base64 (A–Z, a–z, 0–9, + y /) y reconstruye la imagen binaria original que la cadena representa. Cada grupo de cuatro caracteres Base64 se mapea de vuelta a tres bytes, y uno o dos caracteres = finales indican el relleno. El resultado es el archivo exacto que se codificó originalmente — un PNG vuelve como PNG, un JPEG como JPEG — sin pérdida, recompresión ni redimensionamiento.
Estas cadenas aparecen allí donde una imagen se ha incrustado como texto. Un data URI en una hoja de estilos (background-image: url(data:image/png;base64,…)), un src de img en HTML, un campo de miniatura en una respuesta de API en JSON, un logotipo incrustado en un correo HTML o un recurso empaquetado en un archivo de configuración son todas imágenes Base64 esperando a ser decodificadas. Cuando estás depurando, auditando o extrayendo un recurso así, necesitas ver qué es realmente la cadena opaca y sacarla como un archivo real — que es exactamente lo que hace este decodificador.
La operación es puramente mecánica y no requiere ninguna clave, porque Base64 es una codificación en lugar de un cifrado. Eso también significa que no ofrece seguridad: cualquiera que tenga la cadena puede recuperar la imagen al instante. Base64 existe únicamente para permitir que los datos binarios pasen por canales diseñados para texto — HTML, JSON, URLs, cabeceras de correo — sin ser corrompidos por caracteres de control o delimitadores. Decodificar simplemente deshace ese empaquetado seguro para texto y te devuelve los bytes originales.
Esta herramienta realiza toda la decodificación localmente en tu navegador. Tolera el desorden de las cadenas del mundo real — prefijos data: ausentes, ajuste de línea a 76 caracteres, espacios en blanco sueltos del copiar y pegar — e infiere el formato de imagen de los bytes mágicos de los datos cuando el tipo MIME no se declara. Para crear estas cadenas en primer lugar, consulta el codificador complementario Imagen a Base64.
// A Base64 PNG payload (no prefix) iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg== // The decoder infers the format from the leading bytes: // iVBORw0KGgo → PNG // /9j/ → JPEG // R0lGOD → GIF // UklGR → WebP // PHN2Zy → SVG (<svg) // Reconstructed as a real file, downloadable as image.png // (1 × 1 transparent PNG, 68 bytes — lossless round trip)
Características principales
Entrada con prefijo opcional
Pega un data URI completo o solo la carga útil Base64 desnuda — el decodificador maneja ambos. Cuando no hay prefijo data:, infiere el tipo MIME a partir de los bytes mágicos de la imagen para que la vista previa y la descarga sigan siendo correctas.
Vista previa local instantánea
La imagen decodificada se renderiza de inmediato sobre un fondo a cuadros, así que los PNG transparentes y los gráficos con alfa parcial son claramente visibles. Todo ocurre en tu navegador sin ninguna solicitud de red.
Lectura de dimensiones, MIME y tamaño
Más allá de la vista previa, la herramienta informa de las dimensiones en píxeles decodificadas, el tipo MIME detectado y el tamaño reconstruido en bytes — lo suficiente para verificar que decodificaste el recurso correcto antes de descargarlo.
Decodificación tolerante a espacios en blanco
Las cadenas envueltas a 76 caracteres según el RFC 2045, o copiadas con espacios y saltos de línea sueltos, se limpian automáticamente. El decodificador elimina todos los espacios en blanco antes de decodificar, así que el copiar y pegar del mundo real simplemente funciona.
Descarga sin pérdidas
Descargar reconstruye los bytes originales exactos y los guarda con la extensión coincidente — .png, .jpg, .gif, .webp, .svg, .ico, .bmp. Sin recompresión ni conversión: el archivo es idéntico al que se codificó.
Codificador integrado
La pestaña Imagen → Base64 invierte la dirección: suelta, pega o navega hasta una imagen y obtén salida Base64, data URI, HTML, CSS, Markdown y JSON con métricas de tamaño y consejo de incrustación — un viaje de ida y vuelta completo en una sola herramienta.
Ejemplos
Decodificar un data URI PNG
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==
PNG de 1 × 1, transparente — vista previa renderizada, descargable como .png
Pega un data URI completo y la herramienta renderiza la imagen de inmediato, lee sus dimensiones reales y su tipo MIME, y te permite descargar el archivo reconstruido.
Base64 en bruto sin prefijo
/9j/4AAQSkZJRgABAQEAYABgAAD…
JPEG detectado a partir de los bytes mágicos — vista previa + descarga como .jpg
¿Sin prefijo data:? No hay problema. El decodificador inspecciona los caracteres iniciales, reconoce la firma JPEG (/9j/) y construye un data URI correcto por ti para que la imagen se renderice igualmente.
Base64 fragmentado (con saltos de línea)
iVBORw0KGgoAAAANS UhEUgAAAAEAAAAB CAYAAAA…
Espacios en blanco eliminados automáticamente — PNG válido decodificado
Las cadenas envueltas a 76 caracteres (RFC 2045) o copiadas con saltos de línea sueltos se limpian automáticamente: el decodificador elimina todos los espacios en blanco antes de decodificar.
Cómo convertir Base64 a una imagen
- 1
Pega la cadena Base64
Introduce un data URI completo o solo la carga útil Base64 en bruto. El decodificador elimina espacios en blanco y saltos de línea automáticamente y acepta entradas con o sin el prefijo data:.
- 2
Comprueba la vista previa y los metadatos
La imagen se renderiza al instante sobre un fondo a cuadros para que la transparencia sea visible. La herramienta muestra las dimensiones decodificadas, el tipo MIME y el tamaño en bytes — infiriendo el formato de los bytes mágicos cuando no hay prefijo presente.
- 3
Descarga la imagen
Haz clic en Descargar para guardar el archivo reconstruido con la extensión correcta. La decodificación es sin pérdidas, así que el resultado es byte a byte idéntico a la imagen codificada original.
Errores comunes
Cadena truncada (relleno perdido)
Las cadenas de imagen Base64 terminan en cero, uno o dos caracteres =. Una copia que se queda corta — perdiendo el relleno o los últimos caracteres — no se puede decodificar y muestra un error. Vuelve a copiar el valor completo para solucionarlo.
…WjR9awAAAABJRU5ErkJggg // missing trailing == — fails to decode
…WjR9awAAAABJRU5ErkJggg== // complete with padding — decodes cleanly
Pegar datos que no son de imagen
Base64 puede codificar cualquier byte, no solo imágenes. Si pegas un PDF, ZIP o texto plano codificado, la cadena se decodifica pero no se renderiza como imagen. La herramienta informa de que los datos no son datos de imagen válidos. Confirma que la fuente realmente es una imagen antes de decodificar.
JVBERi0xLjcN… // this is a Base64 PDF (%PDF header), not an image
iVBORw0KGgo… // this is a Base64 PNG — renders correctly
Incluir el código que la envuelve
Al copiar desde CSS o HTML, es fácil coger la sintaxis circundante — url("…"), src="…" o las comillas — junto con el data URI. Los caracteres de envoltura sueltos pueden romper la decodificación. Copia solo el valor data:…;base64,… (o la carga útil desnuda), no el código que lo rodea.
url("data:image/png;base64,iVBORw0KGgo…")
// the url(" and ") are not part of the data data:image/png;base64,iVBORw0KGgo… // just the data URI
Cadenas con doble codificación o codificadas en URL
Ocasionalmente un data URI está codificado en URL (%2B en lugar de +, %2F en lugar de /) o envuelto en otra capa de codificación. Decodifica esa capa primero. Nuestro Decodificador URL invierte la codificación con porcentajes para que te quede Base64 limpio que pegar aquí.
data:image/png;base64,iVBORw0KGgo%2B%2F… // %2B / %2F are URL-encoded + and /
data:image/png;base64,iVBORw0KGgo+/… // URL-decode first, then decode the image
Casos de uso comunes
- Extraer un recurso de un data URI
- ¿Encontraste una imagen incrustada en una hoja de estilos o HTML como data URI y necesitas el archivo real? Pega la cadena, confirma la vista previa y descarga el PNG, JPG o SVG original — sin necesidad de alojarlo o recrearlo.
- Inspeccionar la miniatura de una respuesta de API
- Una API devolvió un campo de imagen Base64 y quieres ver qué es. Pega la carga útil para renderizarla al instante, lee sus dimensiones y tipo reales, y guárdala para inspeccionarla de cerca o para informes de errores.
- Depurar una imagen en línea rota
- Una imagen incrustada no se renderiza en tu página. Suelta su Base64 aquí: si se previsualiza correctamente, los datos son válidos y el problema está en tu marcado o tipo MIME; si falla, la cadena en sí está truncada o corrupta.
- Recuperar una imagen de un archivo de configuración o tema
- Las herramientas de compilación y los paquetes de temas a menudo incrustan iconos y logotipos como Base64. Decodifica la cadena para sacar el recurso de nuevo como un archivo normal que puedes editar, reexportar o reutilizar en otro lugar.
- Verificar la salida de una herramienta de compilación
- Un empaquetador o script generó un data URI y quieres confirmar que es válido y correcto antes de enviarlo. Decodificarlo aquí es la comprobación visual más rápida de que el paso de codificación produjo la imagen que esperabas.
- Convertir Base64 de vuelta a un archivo compartible
- Alguien te envió una imagen como un blob Base64 en un chat o documento. Pégala, previsualízala y descarga un archivo real que puedas abrir, adjuntar o subir con normalidad.
Detalles técnicos
- Cómo funciona la decodificación
- El atob integrado del navegador convierte la carga útil Base64 en una cadena binaria, que la herramienta copia byte a byte en un Uint8Array. Ese array tipado se envuelve en un Blob etiquetado con el tipo MIME detectado, y un object URL apunta la vista previa y el enlace de descarga hacia él. Cada grupo de cuatro caracteres Base64 produce tres bytes; el relleno final = marca el resto de uno o dos bytes. El proceso es exacto y sin pérdidas — los bytes reconstruidos coinciden con el archivo original con precisión.
- Detección de formato por bytes mágicos
- Cuando la entrada no tiene prefijo data: para declarar un tipo MIME, el decodificador identifica el formato a partir de los primeros caracteres Base64, que codifican los bytes de firma del archivo. iVBORw0KGgo decodifica a la cabecera PNG, /9j/ al marcador SOI de JPEG, R0lGOD a GIF, UklGR al contenedor RIFF/WebP, PHN2Zy y PD94bWw a las aperturas
- Sin red, sin almacenamiento
- La decodificación, la vista previa y la descarga son todas locales. No hay fetch, ni XMLHttpRequest, ni viaje de ida y vuelta al servidor — la única actividad de red que la página realiza es cargarse a sí misma. Las cadenas pegadas se mantienen en memoria durante la vida de la página y se descartan cuando la cierras o recargas. Esto es lo que hace que la herramienta sea segura para imágenes confidenciales y usable sin conexión.
Buenas prácticas
- Copia la cadena completa, incluido el relleno
- Una cadena de imagen Base64 debe estar completa para decodificarse. Asegúrate de copiar cada carácter, especialmente el relleno final = o == — un valor que termina a media cadena fallará. Si la decodificación falla, volver a seleccionar y copiar la cadena completa es lo primero que hay que probar.
- Confía en la detección de bytes mágicos para cadenas sin prefijo
- Si solo tienes la carga útil en bruto, pégala tal cual — no hay necesidad de construir a mano un prefijo data:. El decodificador infiere el formato de los bytes iniciales y asigna el tipo MIME y la extensión correctos. Solo añade un prefijo manualmente si necesitas específicamente anular el tipo detectado.
- Verifica las dimensiones antes de descargar
- Usa las dimensiones en píxeles y el tipo MIME informados como comprobación de cordura de que decodificaste el recurso que pretendías — especialmente al extraer una cadena de un archivo que contiene varias. Un resultado de 1×1, por ejemplo, suele significar que cogiste un píxel de seguimiento en lugar de la imagen que querías.
- Recuerda que Base64 no es seguro
- La decodificación no requiere ninguna clave, así que nunca confíes en Base64 para ocultar contenido de imagen. Si recibiste una cadena esperando que estuviera protegida, no lo está — cualquiera puede decodificarla aquí en segundos. La protección real requiere cifrado y control de acceso, no codificación.
- Los viajes de ida y vuelta vuelven a codificar sin pérdidas
- Decodificar y luego volver a codificar la misma imagen es sin pérdidas, así que puedes hacer un viaje de ida y vuelta seguro por ambas pestañas para probar un flujo de trabajo. Si necesitas reducir el recurso, comprime el archivo decodificado con nuestro Compresor de Imágenes antes de recodificarlo a un data URI más pequeño.
Preguntas frecuentes
¿Qué hace este conversor de Base64 a Imagen?
¿Se sube mi dato Base64 a algún sitio?
¿Necesito incluir el prefijo data:?
¿Qué formatos de imagen puede decodificar?
¿Por qué no se decodifica mi cadena Base64?
¿Cómo guardo la imagen decodificada como PNG o JPG?
¿Es decodificar Base64 lo mismo que descifrarlo?
¿Puede manejar cadenas Base64 muy largas?
¿De dónde provienen estas cadenas de imagen Base64?
¿Decodificar pierde algo de calidad?
Herramientas relacionadas
Ver todas las herramientas →Decodificador y Codificador Base64
Codificación y Formato
Decodifica y codifica Base64 online de forma gratuita. Conversión en tiempo real con soporte completo de UTF-8 y emojis. 100% privado — funciona en tu navegador. Sin registro.
Convertidor de CSV a JSON
Codificación y Formato
Convierte CSV a JSON en tu navegador. RFC 4180, inferencia de tipos, fila de cabecera, seguro para big-int. 100% privado, sin carga.
Conversor de Imagen a Base64
Codificación y Formato
Convierte imágenes a data URI Base64 en tu navegador — PNG, JPG, GIF, WebP, SVG, ICO. Copia salida HTML, CSS, Markdown y JSON. 100% privado, sin subir nada.
JSON Diff (Comparar)
Codificación y Formato
Compara dos archivos JSON al instante en tu navegador. Resaltado lado a lado, salida RFC 6902 JSON Patch, ignora campos ruidosos como marcas de tiempo e IDs. 100% privado, sin carga.
Formateador y Validador JSON
Codificación y Formato
Formatea, valida y embellece JSON al instante en tu navegador. Herramienta gratuita con validación sintáctica, detección de errores, minificación y copia con un clic. 100% privado.
Validador JSON Schema
Codificación y Formato
Valida JSON contra cualquier JSON Schema al instante en tu navegador. Compatible con Draft 2020-12, 2019-09 y Draft-07 con mensajes de error con ruta precisa. 100% privado, sin carga, sin cuenta, gratis.