Codificar/Decodificar Base64 (Texto)
Input
Output
Por qué usar este codificador Base64
- Codificación Base64 instantánea para texto, JSON y cargas útiles binarias pequeñas
- Soporte de archivos (texto, imágenes, binarios) para conversión rápida a cadenas Base64
- Opción segura para URL para JWTs, parámetros de consulta y contextos web seguros
- Ajuste de línea opcional para imitar herramientas CLI o formatos de correo / PEM
- Copia con un clic para reutilización fácil en cabeceras, configuraciones y código
- Interfaz de usuario responsiva que funciona bien en escritorio y móvil
- La codificación ocurre en tu navegador — tus datos no se envían a un servidor remoto
🔧 Cómo funciona la codificación Base64 (Paso a paso) for base64-encoder
Proporciona la entrada
Pega tu texto, JSON o fragmento en el área de entrada, o suelta un archivo para convertir sus bytes en bruto a Base64. La herramienta lee los bytes exactamente como son.
Convierte a bytes
El codificador convierte caracteres (como texto UTF-8) o contenido de archivo en bytes. Cada byte es un valor de 8 bits entre 0 y 255.
Regrupa bits en índices Base64
Cada 3 bytes (3 × 8 = 24 bits) se reagrupan en 4 grupos de 6 bits (4 × 6 = 24). Cada grupo de 6 bits es un índice en el alfabeto Base64.
Mapea a caracteres Base64 y rellena
Cada índice de 6 bits se convierte en un carácter Base64. Si la entrada no es divisible por 3 bytes, se añade relleno '=' para que la longitud de salida sea siempre un múltiplo de 4 caracteres.
Especificaciones técnicas
Conjunto de caracteres (RFC 4648)
Este codificador utiliza el alfabeto Base64 estándar definido por RFC 4648.
| Rango / Tipo | Caracteres | Notas |
|---|---|---|
| Índices 0–25 | A–Z | Letras mayúsculas |
| Índices 26–51 | a–z | Letras minúsculas |
| Índices 52–61 | 0–9 | Dígitos |
| Índices 62–63 | + / | Símbolos estándar de Base64 |
| Relleno | = | Asegura que la longitud de salida sea múltiplo de 4 |
Tamaño y Sobrecarga
Base64 intercambia tamaño por seguridad en canales de solo texto. Espera aproximadamente un tercio más de datos después de la codificación.
| Tamaño original | Tamaño Base64 (aprox.) | Sobrecarga |
|---|---|---|
| 3 bytes | 4 caracteres | ~33% más grande |
| 1 KB | ≈ 1.37 KB | ~37% incluyendo relleno y saltos de línea |
| 1 MB | ≈ 1.37 MB | Misma proporción a escalas mayores |
Rendimiento y Límites Prácticos
La codificación en sí es rápida, pero los búferes grandes pueden afectar la memoria del navegador y la capacidad de respuesta.
| Tamaño de carga útil | Experiencia del usuario | Recomendación |
|---|---|---|
| Unos pocos KB | Instantáneo | Ideal para encabezados, fragmentos de configuración y datos de prueba |
| 100 KB – 1 MB | Muy receptivo | Típico para cargas útiles de API y fixtures |
| 1–5 MB | Generalmente bien en hardware moderno | Considera herramientas CLI si lo haces a menudo |
| > 5–10 MB | Puede sentirse lento o pesado en memoria en el navegador | Usa codificadores en flujo o utilidades de línea de comandos |
Codificación Base64 en Línea de Comandos
Para archivos grandes, automatización o flujos de trabajo de CI, utiliza utilidades Base64 nativas en tu plataforma.
Linux / 🍏 macOS
Codificar una cadena
echo -n 'text' | base64Codifica la cadena 'text' como Base64 sin añadir una nueva línea.
Codificar un archivo
base64 input.bin > output.b64Lee datos binarios de input.bin y escribe texto Base64 en output.b64.
Windows / PowerShell
Codificar cadena con PowerShell
[Convert]::ToBase64String([Text.Encoding]::UTF8.GetBytes("text"))Convierte bytes UTF-8 de 'text' en una cadena Base64.
Codificar archivo con certutil (CMD)
certutil -encode input.bin output.b64Usa la herramienta integrada de Windows para crear un archivo codificado en Base64.
Aplicaciones Prácticas
Desarrollo Web y URIs de Datos
Incrusta activos y recursos pequeños directamente en HTML, CSS o JavaScript.
- Genera data:image/...;base64,... para logotipos, iconos e imágenes pequeñas.
- Incrusta fuentes o contenido SVG en reglas CSS.
- Almacena cargas útiles pequeñas en LocalStorage como cadenas Base64.
<img src="data:image/png;base64,iVBORw0KGgo...">document.styleSheets[0].insertRule("@font-face{src:url('data:font/woff2;base64,...')}" );Desarrollo de API y Encabezados
Transporta credenciales y cargas útiles pequeñas de forma segura a través de canales solo de texto.
- Construye encabezados Authorization: Basic a partir de pares usuario:contraseña.
- Codifica cargas útiles JSON en Base64 para encabezados personalizados o parámetros de consulta.
- Envuelve blobs binarios en JSON como cadenas Base64.
Authorization: Basic dXNlcm5hbWU6cGFzc3dvcmQ=fetch(url, { headers: { 'X-Payload': btoa(JSON.stringify(data)) } });Pruebas, Fixtures y Depuración
Crea fixtures estables y solo de texto para pruebas y sesiones de depuración.
- Codifica fixtures binarios (imágenes, PDFs) e incrústalos en código de prueba.
- Almacena cargas útiles de ejemplo como cadenas Base64 en lugar de comprometer archivos binarios.
- Prototipos de carga útil para servicios que esperan campos codificados en Base64.
// Ejemplo: Prueba de Jest usando fixture Base64
const payload = Buffer.from(base64Fixture, 'base64');
expect(processPayload(payload)).toBeTruthy();
❓ Frequently Asked Questions
❓¿Por qué Base64 usa relleno '='?
Base64 agrupa la entrada en bloques de 3 bytes (24 bits) y produce 4 caracteres (4 × 6 bits). Cuando la longitud de entrada no es divisible por 3, se añaden caracteres de relleno '=' para indicar que el último bloque es más corto. El relleno es parte del formato de codificación, no de los datos originales.🔗¿Cómo genero Base64 seguro para URL?
Base64 seguro para URL reemplaza '+' con '-' y '/' con '_', y a menudo elimina el relleno '=' final. Muchas bibliotecas tienen un modo seguro para URL. Si necesitas hacerlo manualmente, comienza desde Base64 estándar, luego aplica estos reemplazos y recorta '=' según tu caso de uso.🔒¿Es Base64 una medida de seguridad?
Base64 es una **codificación** reversible que hace que los datos binarios sean seguros para transportar como texto (por ejemplo, en JSON, HTML o encabezados). Por sí mismo no proporciona confidencialidad ni integridad. Siempre usa HTTPS/TLS y criptografía adecuada (como AES o esquemas de clave pública) para seguridad.📏¿Cuál es el tamaño máximo de archivo que debo codificar aquí?
Pro Tips
Para activos muy pequeños (< 10 KB), incrustarlos como URI de datos Base64 puede reducir solicitudes HTTP, pero evita hacer esto para imágenes o fuentes grandes.
Registra solo cargas útiles Base64 truncadas (o hashes) en producción para evitar filtrar contenido sensible en los registros.
Si tu backend espera Base64, valida y normaliza la entrada en el servidor para rechazar cargas útiles malformadas o excesivamente grandes.
Additional Resources
Other Tools
- Embellecedor CSS
- Embellecedor HTML
- Embellecedor JavaScript
- Embellecedor PHP
- Selector de Color
- Extractor de Sprites
- Decodificador Base64
- Formateador C#
- Formateador CSV
- Dockerfile Formatter
- Formateador Elm
- Formateador ENV
- Formateador Go
- Formateador GraphQL
- Formateador HCL
- Formateador INI
- Formateador JSON
- Formateador LaTeX
- Formateador Markdown
- Formateador Objective-C
- Php Formatter
- Formateador Proto
- Formateador Python
- Formateador Ruby
- Formateador Rust
- Formateador Scala
- Formateador de Scripts de Shell
- Formateador SQL
- Formateador SVG
- Formateador Swift
- Formateador TOML
- Typescript Formatter
- Formateador XML
- Formateador YAML
- Formateador Yarn
- Minificador CSS
- Html Minifier
- Javascript Minifier
- Minificador JSON
- Minificador XML
- Visor de Encabezados HTTP
- PDF a Texto
- Probador de Expresiones Regulares
- Verificador de Posición en SERP
- Consulta Whois