Codificar Base64

Base64, definido en la RFC 4648, escribe bytes arbitrarios con 64 caracteres ASCII imprimibles: A–Z, a–z, 0–9, + y /. Cada grupo de tres bytes (24 bits) se divide en cuatro números de 6 bits, y cada número elige un carácter del alfabeto. Cuando la longitud de la entrada no es múltiplo de tres, el último grupo se rellena con uno o dos signos =. El resultado siempre ocupa alrededor de un 33 % más que la entrada: 4 caracteres por cada 3 bytes.

Existe porque muchos canales se diseñaron para texto. El correo electrónico (MIME), las URL data: en HTML y CSS, los campos JSON que transportan imágenes o certificados y los encabezados de autenticación HTTP Basic usan Base64 para mover datos binarios de forma segura. No es cifrado y no oculta nada; para decodificar no hace falta ninguna clave.

Base64 codifica bytes, no letras, así que el texto debe convertirse antes en bytes. Esta herramienta siempre usa UTF-8, la codificación sobre la que funciona la web: la é ocupa dos bytes y un emoji, cuatro. La función btoa integrada en el navegador, usada sola, lanza un error con cualquier carácter por encima de U+00FF; por eso los codificadores ingenuos fallan con tildes y emojis. Aquí el texto pasa primero por TextEncoder, y la decodificación lo revierte con TextDecoder. Si los bytes decodificados no son UTF-8 válido (una imagen, un archivo zip), la herramienta los muestra en hexadecimal en lugar de texto ilegible.

El Base64 estándar usa + y /, que tienen significado en las URL y en los nombres de archivo. El alfabeto seguro para URL de la sección 5 de la RFC 4648 los sustituye por - y _, y normalmente se omite el relleno. Los JSON Web Tokens usan exactamente esta forma. El decodificador acepta ambos alfabetos y la falta de relleno, así que puede pegar cualquiera de los dos.

Elija un archivo y la herramienta lo lee en local con FileReader y devuelve su Base64, o una URL data: completa con el tipo MIME del archivo, lista para pegar en una etiqueta img o en un fondo CSS. Las imágenes incrustadas ahorran una petición HTTP, pero crecen un tercio y no pueden guardarse en caché por separado, así que convienen para iconos pequeños más que para fotos. Para imágenes con vista previa y fragmentos HTML y CSS listos para usar, recurra a Imagen a Base64.