Base64 a imagen
Convierte Base64 sin prefijo, Data URL, CSS url(), etiquetas HTML img y sintaxis de imagen en Markdown en una imagen que puedes previsualizar y descargar. La herramienta detecta el tipo de entrada y el MIME de imagen, útil para depurar APIs, revisar emails, recuperar assets embebidos e investigar fallos de renderizado frontend.
- Acepta Base64 sin prefijo, Data URL, CSS, HTML y Markdown
- Analiza automáticamente y muestra una vista previa inmediata
- Muestra origen, MIME, tamaño estimado y dimensiones en píxeles
- Descarga la imagen decodificada con un clic
- La decodificación, vista previa y descarga se hacen en el navegador
Resumen
Un flujo directo para pegar, detectar, previsualizar y descargar. Todo ocurre localmente en el navegador.
- 01
Entradas desde varias fuentes
Extrae la carga codificada de HTML, CSS o Markdown, y también acepta Base64 directo.
- 02
Data URL y Base64 directo
Funciona con cadenas Data URL con prefijo MIME y con Base64 sin prefijo.
- 03
Inspección de MIME y tamaño
Lee o infiere el MIME y estima el tamaño binario para detectar datos incompletos.
- 04
Vista previa en vivo
Renderiza la imagen decodificada para ver rápido si está corrupta, truncada o mal etiquetada.
- 05
Dimensiones reales
Muestra ancho y alto naturales para comparar con las especificaciones esperadas.
- 06
Descarga directa
Exporta la imagen recuperada para editarla, comprimirla, archivarla o compartirla.
Cómo usarla
Orden recomendado: pega el contenido, verifica la detección, revisa la vista previa y exporta.
- 01
Pega una cadena Base64 o texto HTML, CSS o Markdown con una imagen embebida.
- 02
Espera a que la herramienta detecte el origen y el tipo de imagen.
- 03
Confirma que la vista previa se renderiza y revisa MIME, tamaño y dimensiones.
- 04
Si falla, busca truncamiento, caracteres extraños o escapes que no se restauraron.
- 05
Haz clic en Descargar imagen para guardar el archivo decodificado.
Detalles
Pensado para recuperar imágenes Base64, decodificar Data URLs y depurar assets embebidos en frontend.
- La decodificación se ejecuta localmente, sin enviar datos a un servidor
- Extrae payloads desde HTML img, CSS url() y Markdown
- Admite Data URL y Base64 sin prefijo
- Reconoce JPEG, PNG, WebP, GIF, SVG, AVIF y BMP
- Valida caracteres Base64 y padding con errores claros
- Renderiza la imagen decodificada al instante
- Lee ancho y alto naturales para diagnóstico de APIs
- Estima el tamaño de la imagen decodificada para detectar payloads anormalmente grandes o pequeños
- Permite descargar la imagen en un clic
- Útil para depurar APIs, solucionar problemas de email e investigar Data URIs
Casos de uso
Útil para depurar APIs, arreglar plantillas de email, recuperar assets CSS, extraer imágenes de Markdown y reproducir incidencias.
-
Revisar respuestas API
Comprueba si un campo Base64 devuelto por una API realmente se convierte en una imagen válida.
-
Depurar emails
Inspecciona imágenes inline en HTML email para detectar corrupción o truncamiento.
-
Recuperar fondos CSS
Extrae y decodifica imágenes embebidas en estilos CSS.
-
Extraer assets de Markdown
Convierte datos de imagen embebidos en Markdown en archivos reutilizables.
-
Reproducir tickets y logs
Reconstruye payloads codificados pegados en incidencias o registros.
-
Flujos sensibles
Decodifica contenido privado en el navegador sin usar servicios externos.
Ver también
Si tienes la imagen original, genera una referencia limpia con Imagen a Base64 y compárala con la respuesta de la API. Cuando recuperes el archivo, pásalo por Compresor de imágenes si debe llegar a una página, CMS o ticket de soporte como asset ligero.
Buenas prácticas
Una revisión repetible de validación, vista previa y exportación reduce el tiempo de diagnóstico.
- Pega el payload original sin modificar siempre que sea posible.
- Si viene de JSON, comprueba que los escapes se hayan restaurado antes de decodificar.
- Cuando MIME y contenido no coinciden, separa el Base64 del MIME y verifica ambos.
- Tras decodificar, mira primero las dimensiones para distinguir errores de decode de recortes aguas arriba.
- Usa pantalla completa para revisar payloads largos y detectar cortes al final.
- Después de recuperar la imagen, comprímela o conviértela si el asset necesita preparación.
Limitaciones
La herramienta solo decodifica y reconstruye. No mejora, repara ni adivina datos ausentes.
- Los payloads incompletos no pueden reconstruirse por completo.
- Caracteres inválidos, padding incorrecto o datos que no son imagen fallarán la validación.
- La inferencia MIME en Base64 sin prefijo es heurística; verifica los casos raros.
- Entradas muy grandes pueden forzar memoria y renderizado del navegador.
- El renderizado SVG depende de reglas de seguridad e implementación del navegador.
- No aplica compresión, escalado, denoise ni mejora de calidad.
Preguntas frecuentes
Respuestas sobre formatos de entrada, procesamiento local, errores y alcance de la herramienta.
¿Qué formatos de entrada admite?
Base64 sin prefijo, Data URL, CSS url(), HTML img y sintaxis de imagen Markdown.
¿Qué relación tiene Data URL con Base64 a imagen?
Una Data URL combina contenido de imagen Base64 con un prefijo MIME. La herramienta maneja ambas formas.
¿Por qué aparece un error de Base64 inválido?
Puede haber caracteres inválidos, padding incorrecto o datos truncados. Pegar la cadena original sin modificar suele resolverlo.
¿Mis datos se suben a algún sitio?
No. El análisis, la vista previa y la descarga ocurren localmente en el navegador.
¿Detecta el formato de imagen automáticamente?
Sí. Las Data URLs declaran MIME; el Base64 directo se infiere por firmas de formatos comunes.
¿Por qué falla la vista previa aunque la entrada parezca Base64?
Puede que el contenido no represente realmente datos de imagen, o que el MIME no coincida con el contenido.
¿Puedo descargar la imagen decodificada?
Sí. Cuando el análisis funciona, usa Descargar imagen para exportar el archivo.
¿Funciona con payloads muy grandes?
Sí. Cuanto más larga es la cadena, más memoria consume, así que un dispositivo más potente ofrece una experiencia más estable.
¿Es un compresor de imágenes?
No. Solo convierte Base64 de vuelta en imagen; no cambia píxeles ni reduce tamaño.
¿Dónde resulta útil en desarrollo?
En depuración de APIs, investigación de Data URIs, arreglo de plantillas de email, reproducción de logs o tickets y diagnóstico de problemas de renderizado frontend.
¿Cómo sé si el payload está completo?
Combina tres señales: vista previa correcta, tamaño razonable y dimensiones esperadas.
El tipo detectado es PNG pero el original era JPG. ¿Es normal?
Con Base64 sin prefijo, la herramienta infiere el formato por las firmas de cabecera. Los payloads poco habituales pueden caer en PNG. Para un resultado más preciso, pega una Data URL con un MIME explícito.
Herramientas relacionadas
Combínalo con Image to Base64, compresión de imágenes y conversión de formato para cerrar el flujo de codificación y recuperación.