Codificada localmente en tu navegador — tu imagen nunca se sube.
las URI de datos añaden alrededor de un 33% de sobrecarga — considera servir el archivo directamente.
- El tipo MIME y el tamaño detectados aparecen aquí.
Acerca de esta herramienta
Base64 es una codificación de binario a texto que asigna cada tres bytes de datos binarios a cuatro caracteres ASCII tomados de un alfabeto de 64 símbolos, completando el final con "=". Un data URI envuelve esa carga útil con un prefijo "data:<mime>;base64," para que una imagen pueda residir en línea dentro de HTML, CSS o JSON en lugar de como una solicitud de red independiente. La codificación infla el tamaño en aproximadamente un 33 %, ya que cuatro caracteres de salida representan tres bytes de entrada.
Úsalo para incrustar en línea iconos pequeños, sprites o SVG directamente en una hoja de estilos o en el marcado para reducir las idas y vueltas HTTP, incrustar logotipos en correos electrónicos e informes HTML autónomos, pegar bytes de imagen en una carga útil de API JSON, o colocar un favicon rápido en un prototipo de un solo archivo. El modo inverso convierte un data URI o una cadena Base64 en bruto de vuelta en un archivo descargable cuando necesitas recuperar una imagen extraída de CSS, de una columna de base de datos o de un registro.
Todo se ejecuta en tu navegador — tu imagen se lee con FileReader y nunca se sube, de modo que incluso los recursos confidenciales permanecen en tu máquina.
Preguntas frecuentes
¿Por qué mi imagen Base64 es más grande que el archivo original?
Base64 codifica tres bytes de binario en cuatro caracteres ASCII, por lo que el texto codificado es aproximadamente un 33 % más grande que el archivo de origen. El prefijo del data URI y cualquier salto de línea añaden un poco más por encima.
¿Debo incrustar las imágenes como data URI Base64 o enlazar al archivo?
Incrusta en línea los recursos pequeños y reutilizados con frecuencia, como iconos y SVG, para ahorrar solicitudes HTTP, pero sirve las imágenes más grandes como archivos independientes — los data URI no se pueden almacenar en caché de forma independiente, recargan tu HTML o CSS, y la sobrecarga de tamaño de ~33 % supera la solicitud ahorrada.
¿Cómo reconvierto una cadena Base64 en un archivo de imagen?
Cambia al modo Base64 to Image y pega ya sea un data URI completo data:image/... o una cadena Base64 en bruto; la herramienta la decodifica, previsualiza el resultado, detecta el tipo MIME y ofrece un botón Download que lo guarda como un archivo real.