Convertidor de imagen a Base64

Un convertidor de imagen a Base64 convierte el contenido binario de un archivo de imagen en una cadena de texto Base64, generalmente envuelta en un URI de datos como datos:image/png;base64,iVBORw0KG... Base64 es una codificación que representa cualquier dato binario utilizando 64 caracteres ASCII imprimibles, por lo que la cadena resultante puede vivir directamente dentro de HTML, CSS, JSON o SVG sin necesidad de una solicitud de archivo separada. Este convertidor también se ejecuta a la inversa: pegue una cadena Base64 o un URI de datos completo y reconstruya la imagen original para obtener una vista previa y descargarla.

Los desarrolladores incrustan imágenes como Base64 para reducir las solicitudes HTTP, alinear pequeños íconos y logotipos para que aparezcan en el instante en que pinta una página y enviar archivos autónomos donde una imagen y su marcado viajan juntos. Un URI de datos lleva su propio tipo MIME, razón por la cual un navegador puede representar datos:image/png;base64,... como imagen en el momento en que analiza el atributo. La compensación es el tamaño: Base64 infla los datos en aproximadamente un tercio, por lo que se adapta mucho mejor a activos pequeños que a fotografías grandes.

Esta herramienta hace todo su trabajo en su navegador. La imagen se lee y codifica localmente con la API de archivos del navegador, y la imagen en sí nunca se carga en un servidor, que mantiene ilustraciones y capturas de pantalla privadas en su propia máquina. Además de Base64 sin formato, obtienes un URI de datos listo para pegar, una etiqueta de imagen HTML y una declaración de imagen de fondo CSS, además del tamaño de byte decodificado para que puedas juzgar si vale la pena insertarla antes de comprometerte.

La dirección del convertidor de imágenes Base64 es fácil de verificar con una cadena conocida. Pegue la cadena PNG de 96 caracteres que inicia iVBORw0KGgo (un solo píxel 1×1) en Base64 para Image y presione Decodificar para image. Obtiene una vista previa y un botón Descargar imagen que guarda decoded.png, un archivo de 70 bytes. Ejecute ese archivo de regreso a través de Image to Base64 y la línea de vista previa leerá image/png · 70 B decoded · 96 caracteres Base64. Para convertir Base64 a archivos de imagen en otros formatos, pegue el URI de datos completo para mantener el tipo correcto.

Una precaución práctica: un URI de datos es aproximadamente un tercio más grande que el archivo que codifica y el navegador no puede almacenarlo en caché por separado, por lo que insertar cualquier cosa más allá de un ícono pequeño generalmente cuesta más que la solicitud que guarda.