Pega Base64 o una data URI completa: la imagen aparece al pegarla, con su tipo real, sus dimensiones y su peso, lista para descargar.
El resultado aparecerá aquí
Una data URI mete un archivo entero en una línea de texto: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA… La parte antes de la coma indica el tipo declarado (image/png) y que el contenido está en Base64; todo lo que sigue es el archivo. En HTML va en el atributo src de una etiqueta img, en CSS dentro de url(…). Pega todo o solo el Base64 después de la coma: ambas opciones funcionan.
Los primeros caracteres del Base64 ya delatan el formato: iVBORw0KGgo es un PNG, /9j/ un JPEG, R0lGOD un GIF, UklGR un WebP (RIFF), PHN2Zy o PD94bWw un SVG. Esta herramienta lee esos bytes en lugar de fiarse del prefijo, y te avisa cuando la data URI declara otro tipo.
Pega una data URI o Base64 solo en el campo, o carga un archivo .txt que lo contenga.
La imagen aparece al instante con su tipo real, sus dimensiones y su peso decodificado.
Haz clic en Descargar: el archivo lleva la extensión de su tipo real (.png, .jpg, .svg…).
Las data URI aparecen en correos HTML, archivos CSS, respuestas JSON de API, datos de prueba y documentos exportados. Decodificar una muestra lo que contiene de verdad antes de reutilizarla.
Sacar la imagen como archivo real también te permite comprimirla, redimensionarla o servirla como un archivo normal en caché, en lugar de texto dentro de una página.
Bueno saberloTodo se decodifica en tu navegador: el Base64 y la imagen nunca pasan por un servidor.
La vista previa de un SVG se dibuja como imagen, así que los scripts ocultos dentro no pueden ejecutarse en esta página.
PrivacidadTodo lo que necesitas saber para decodificar imágenes en Base64