Codificación Base64

Relacionado

¿Qué es la codificación Base64?

Casos de uso

• Depuración JWT: decodifique los segmentos header y payload del JWT (formato Base64URL) para ver el contenido de las reclamaciones del Token
• Basic Auth: codifique username:password como credenciales de autenticación HTTP Basic
• Desarrollo OAuth: genere code_verifier o verifique code_challenge en escenarios PKCE
• Depuración de API: codifique datos JSON o decodifique el contenido de los campos Base64 devueltos por la API
• Incrustación de imágenes Data URI: convierta íconos pequeños al formato data:image/...;base64,... para incrustar en CSS/HTML
• Codificación de adjuntos de correo: codifique adjuntos binarios de correo en formato MIME Base64

Cómo Usar

1. Seleccione el modo: haga clic en Encode (codificar) o Decode (decodificar) para cambiar la dirección de procesamiento
2. Seleccione la variante: Standard (estándar), URL-Safe (JWT/OAuth), MIME (formato correo con saltos de 76 caracteres)
3. Ingrese el contenido: pegue el texto o la cadena Base64, se procesará automáticamente en tiempo real
4. Vea las estadísticas: en la parte inferior se muestra el número de caracteres y la tasa de aumento de tamaño (la codificación aumenta el volumen en aproximadamente un 33%)
5. Copie el resultado: copie con un clic la cadena Base64 o el texto decodificado

Características

• Cambio Encode/Decode con un clic: cambie libremente entre los modos de codificación y decodificación, la salida se convierte directamente en entrada para soportar el procesamiento cíclico
• Soporte para tres conjuntos de caracteres: UTF-8 (chino/japonés/emoji), ASCII, ISO-8859-1, cobertura profesional para múltiples escenarios
• Salida de tres variantes: Standard (estándar), URL-Safe (seguro para JWT/OAuth/PKCE), MIME (estándar RFC 2045 con saltos de 76 caracteres)
• Estadísticas de volumen en tiempo real: muestra el número de caracteres de entrada/salida y la tasa de aumento de tamaño en tiempo real (Base64 aumenta el volumen en aproximadamente un 33%)
• Mensajes de error amigables: cuando los caracteres están fuera de rango, muestra información de error específica en lugar de un simple error
• Divisor arrastrable: en PC puede ajustar la proporción de las áreas de edición izquierda y derecha para concentrarse en la tarea actual
• Pestañas independientes para móvil: los usuarios de teléfonos/tabletas cambian independientemente entre el área de entrada y salida para una experiencia fluida

Ejemplos de Código

// Codificación (compatible con UTF-8, incluyendo caracteres chinos y multibyte)
function b64Encode(str) {
  return btoa(unescape(encodeURIComponent(str)));
}

// Decodificación (compatible con UTF-8, incluyendo caracteres chinos y multibyte)
function b64Decode(str) {
  return decodeURIComponent(escape(atob(str)));
}

// Codificación URL-Safe (usada en JWT / OAuth)
function b64UrlEncode(str) {
  return btoa(unescape(encodeURIComponent(str)))
    .replace(/\+/g, '-')
    .replace(/\//g, '_')
    .replace(/=+$/, '');
}

console.log(b64Encode('Hello 世界')); // SGVsbG8g5LiW55WM
console.log(b64Decode('SGVsbG8g5LiW55WM')); // Hello 世界

import base64

# Codificación Standard (UTF-8)
encoded = base64.b64encode('Hello 世界'.encode('utf-8'))
print(encoded.decode())  # SGVsbG8g5LiW55WM

# Decodificación Standard
decoded = base64.b64decode(encoded).decode('utf-8')
print(decoded)  # Hello 世界

# Codificación URL-Safe (usada en JWT / OAuth)
url_safe = base64.urlsafe_b64encode('Hello 世界'.encode('utf-8'))
print(url_safe.decode())  # SGVsbG8g5LiW55WM (sin padding, debe eliminarse manualmente)

# Eliminar padding (práctica estándar en JWT)
url_safe_no_pad = url_safe.decode().rstrip('=')
print(url_safe_no_pad)

import java.nio.charset.StandardCharsets;
import java.util.Base64;

public class Base64Example {
    public static void main(String[] args) {
        String text = "Hello 世界";

        // Codificación Standard
        String encoded = Base64.getEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(encoded); // SGVsbG8g5LiW55WM

        // Decodificación Standard
        String decoded = new String(
            Base64.getDecoder().decode(encoded), StandardCharsets.UTF_8);
        System.out.println(decoded); // Hello 世界

        // Codificación URL-Safe (usada en JWT / URL)
        String urlSafe = Base64.getUrlEncoder().withoutPadding()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(urlSafe);

        // Codificación MIME (salto de línea cada 76 caracteres)
        String mime = Base64.getMimeEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
    }
}

Preguntas Frecuentes

Glosario

RFC 4648

Estándar oficial de codificación Base16/Base32/Base64 publicado por el IETF. Define dos alfabetos: Base64 estándar y Base64 URL-Safe, así como reglas para padding, saltos de línea, manejo de caracteres no alfabéticos, etc. Es el estándar de facto actual para la codificación Base64, reemplazando al anterior RFC 3548.Herramienta URL-Safe Base64Herramienta de Padding Base64

RFC 2045 (MIME)

Estándar de Extensiones Multipropósito de Correo Internet (MIME). Fue el primero en adoptar Base64 como método de codificación de transmisión de contenido de correo. Establece que la codificación Base64 no debe exceder los 76 caracteres por línea y se separa con CRLF, conocida como la variante MIME Base64.Herramienta MIME Base64

Base64URL (URL-Safe Base64)

Variante segura para URL definida en RFC 4648 §5. Reemplaza el + del Base64 estándar con - y el / con _, y generalmente omite el carácter de padding =. Se usa ampliamente en escenarios como tokens JWT, OAuth PKCE, parámetros URL y nombres de archivo.Herramienta URL-Safe Base64Herramienta JWT

MIME Base64

Variante Base64 que cumple con el estándar RFC 2045, insertando un carácter de salto de línea (CRLF) cada 76 caracteres. Se utiliza principalmente para la transmisión de adjuntos de correo electrónico, porque el protocolo SMTP temprano tenía límites en la longitud de una sola línea.Herramienta MIME Base64

Padding (relleno)

La longitud del resultado de la codificación Base64 debe ser un múltiplo de 4. Cuando el número de bytes de entrada no es un múltiplo de 3, el final se rellena con el carácter =. El Base64 estándar usa padding, Base64URL generalmente lo omite.Herramienta de Padding Base64

Alfabeto Base64 (Alphabet)

El conjunto de 64 caracteres utilizados en la codificación Base64. El alfabeto Base64 estándar es: A-Z (26), a-z (26), 0-9 (10), +, /, total 64 caracteres, más el carácter de relleno =.

btoa / atob

API nativas del navegador para codificación/decodificación Base64. btoa (binary to ASCII) se usa para codificar, atob (ASCII to binary) para decodificar. Tenga en cuenta que estas API solo admiten el conjunto de caracteres Latin-1. Para procesar caracteres chinos, debe combinarlas con transcodificación UTF-8.

Data URI Scheme

Un formato URI que permite incrustar archivos pequeños directamente en una URL, con el formato data:[<mediatype>][;base64],<data>. Se usa a menudo para incrustar íconos pequeños e imágenes de fondo CSS para reducir las solicitudes HTTP.Herramienta Data URIBase64 a imagen

HTTP Basic Authentication

Un método de autenticación en el protocolo HTTP. El nombre de usuario y la contraseña se concatenan con dos puntos, se codifican en Base64 y se transmiten en el encabezado de solicitud Authorization. El formato es: Authorization: Basic <base64(username:password)>.Constructor de encabezados Auth

Tasa de aumento de tamaño Base64

La proporción en que aumenta el volumen de datos después de la codificación Base64. Cada 3 bytes (24 bits) se codifican en 4 caracteres Base64, por lo que el volumen aumenta en aproximadamente un 33% (4/3 ≈ 1.333). Con padding, la tasa de aumento de tamaño es ligeramente mayor.

Comparación de las tres variantes de Base64

Tabla comparativa de codificaciones de la serie Base

Authoritative References

• ReferenceRFC 4648 - Las codificaciones de datos Base16, Base32 y Base64
• ReferenceRFC 2045 - MIME Parte Uno: Formato de los cuerpos de los mensajes de Internet
• ReferenceRFC 7519 - JSON Web Token (JWT)
• ReferenceMDN Web Docs - btoa()
• ReferenceMDN Web Docs - atob()
• ReferenceWikipedia - Base64