Acerca de Base64 a imagen
Logs, APIs y HTML a veces traen PNG/JPEG como Base64 largo o data URL. Pega aquí para previsualizar y descargar.
Sin prefijo, detectamos PNG/JPEG/GIF/WebP por firmas tras decodificar.
Qué puedes hacer
Pegar y previsualizar
Data URL completa o campo JSON. Descarga con extensión correcta.
Data URL vs carga
- Data URL desde src o CSS.
- Solo payload cuando el tipo va aparte.
- Mismos bytes si la carga es válida.
Detección
- MIME en data URL.
- Magic bytes en carga cruda.
- Error claro si no es imagen.
Par con imagen→Base64
Codifica para incrustar; decodifica aquí para revisar tickets o APIs.
Casos de uso
data URL en HTML
Copia src="data:image/…" y valida antes de editar plantillas.
Campo imagen en API
Pega Base64 del JSON, mira MIME/tamaño y descarga para QA.
Iconos inline
Emails/PDF con PNG minúsculos sin scripts atob manuales.
Preguntas frecuentes
- ¿Base64 a imagen en línea?
- Pega data URL o Base64; con éxito hay vista previa y descarga.
- ¿Hace falta data:image/…?
- No siempre; basta payload con cabecera PNG/JPEG/GIF/WebP reconocible.
- ¿Formatos?
- PNG, JPEG, GIF, WebP — igual que el codificador.
- ¿Fallo al decodificar?
- Copia truncada, caracteres inválidos o texto no imagen. Prueba ida y vuelta con imagen→Base64.
- ¿Descarga siempre PNG?
- Extensión .png/.jpg/.gif/.webp según detección.
Patrones de entrada
data:image/png;base64,…Desde img o CSSCampo JSONSolo payload + detección por firma