Codificar y decodificar Base64 online: texto, archivos y data URL
Codifica texto o archivos en Base64, convierte imágenes en data URI con fragmentos CSS e <img>, y decodifica Base64 a un archivo con vista previa. Nada sale de tu navegador.
RnJlZVRvb2xzRm9yV2ViOiBCYXNlNjQgY29kaWZpY2EgYnl0ZXMsIG5vIGNhcmFjdGVyZXMuIExvcyBlbW9qaXMgZnVuY2lvbmFuOiDwn4yy
Funciona por completo en tu navegador. Nada de lo que introduces se nos envía ni se guarda. Ver todas las herramientas gratis.
¿Encontraste un problema o algo que podría mejorar? Leemos todos los mensajes y lo arreglamos rápido.
Este codificador y decodificador Base64 gratis convierte texto y archivos a Base64 y viceversa, en tu navegador. Trata UTF-8 correctamente, así que los acentos, el texto en chino y los emojis van y vuelven intactos, que es justo donde fallan sin avisar la mayoría de los conversores online rápidos. Suelta una imagen o una fuente para obtener un data URI y código CSS de fondo e <img> listo para usar, con el aumento de tamaño indicado; o pega un data URI o Base64 sin prefijo para ver la imagen y descargarla como archivo. ¿Varios archivos a la vez? Suelta hasta 50 juntos y obtendrás una tabla de data URI que puedes copiar o descargar en JSON o CSV, y el modo de texto puede codificar o decodificar una lista línea a línea.
Base64 no es cifrado ni compresión; es una forma de transportar datos binarios por canales que solo aceptan texto, como JSON, el correo electrónico y las URL, a cambio de aproximadamente un 33 por ciento más de bytes. Saber eso es casi todo lo que hay que saber para decidir cuándo usarlo, y las notas de abajo cubren el resto.
Cómo usarla
- Elige Codificar o Decodificar. Para codificar, escribe o pega texto; el Base64 aparece mientras escribes.
- Activa URL-safe cuando el valor vaya a ir en una URL o en un JWT: + y / pasan a ser - y _, y se elimina el relleno.
- Para codificar un archivo, abre la pestaña “Archivo → Base64 / data URI” y elígelo o suéltalo. Copia el Base64 sin más, el data URI o los fragmentos CSS e <img>.
- Para convertir Base64 de nuevo en un archivo, abre “Base64 / data URI → archivo” y pégalo. El tipo se lee del prefijo data: o se detecta a partir de los bytes, las imágenes y los archivos multimedia se previsualizan, y Descargar lo guarda con la extensión correcta.
- Fíjate en la línea de tamaño: si la salida codificada se acerca a los megabytes, casi siempre es mejor diseño una referencia normal al archivo.
Preguntas frecuentes
¿Puedo convertir varios archivos o líneas a Base64 a la vez?
Sí. En la pestaña Archivo, elige o suelta hasta 50 archivos (25 MB en total): cada uno se convierte en una fila con su tipo, tamaño, Base64 y data URI, que puedes copiar uno a uno o descargar juntos en JSON o CSV. En la pestaña Texto, marca "Cada línea por separado" para codificar o decodificar cada línea de una lista de forma independiente; una línea que no sea Base64 válido se indica y se deja vacía sin afectar a las demás.
¿Base64 es seguro? ¿Puedo usarlo para ocultar datos?
No. Base64 es una codificación, no un cifrado: cualquiera puede decodificarlo al instante, también con esta página. Existe para que los datos binarios se puedan transportar como texto de forma segura. Si necesitas confidencialidad, cifra primero y después codifica el texto cifrado en Base64 si un canal de texto lo exige.
¿Por qué mi texto decodificado muestra caracteres raros?
Normalmente porque el original no estaba en UTF-8, o porque el Base64 lo generó una herramienta que codificó el punto de código de cada carácter en lugar de sus bytes UTF-8 (el clásico error de btoa()). Esta herramienta siempre codifica y decodifica bytes UTF-8. Si el origen estaba en Latin-1 o UTF-16, los bytes siguen siendo correctos; solo cambia cómo se muestra el texto.
¿Qué es Base64 URL-safe?
El Base64 estándar usa + y /, que tienen significado dentro de las URL, y rellena con =, que los codificadores de URL estropean. La variante URL-safe (RFC 4648, sección 5) los sustituye por - y _ y normalmente omite el relleno. La usan los JWT, los valores state de OAuth y muchos tokens de API. El decodificador de esta página acepta las dos formas.
¿Debería incrustar imágenes como data URL en Base64?
Para recursos diminutos (iconos de pocos kilobytes, un SVG pequeño en línea, un subconjunto de una fuente), un data URL ahorra una petición y vale la pena. Para cualquier cosa más grande, no: el archivo crece un tercio, no se puede almacenar en caché por separado de la página y bloquea el análisis del HTML o CSS en el que está. Una referencia normal al archivo sale ganando a partir de unos 5 a 10 KB.
¿Se sube algo?
No. El texto se convierte con TextEncoder y btoa/atob del navegador, y los archivos se leen localmente con la File API. No se envía nada a ningún servidor.
¿Cómo convierto Base64 de nuevo en una imagen?
Pega la cadena en la pestaña “Base64 / data URI → archivo”. Si empieza por data:image/png;base64, el tipo se toma de ese prefijo; si es Base64 sin prefijo, la herramienta lee los primeros bytes (PNG, JPEG, GIF, WebP, AVIF, SVG, PDF, MP3, MP4 y otras firmas habituales) para decidirlo. La imagen se previsualiza en la página y Descargar la guarda como un archivo normal.
Cómo funciona Base64, en un párrafo
Cada tres bytes de entrada (24 bits) se dividen en cuatro grupos de 6 bits, y cada grupo se escribe como uno de 64 caracteres: A–Z, a–z, 0–9, + y /. Por eso la longitud de la salida siempre es múltiplo de cuatro y aproximadamente 4/3 de la entrada, y por eso aparece el relleno = cuando la entrada no es múltiplo de tres bytes. La decodificación lo invierte exactamente; no hay pérdida.
Dónde te encuentras Base64
• Autenticación HTTP Basic: la cabecera Authorization lleva usuario:contraseña en Base64 (sin cifrar, por eso necesita HTTPS).
• JWT: la cabecera y la carga útil son JSON en Base64 URL-safe; decodifica uno con nuestro decodificador de JWT.
• Adjuntos de correo electrónico (MIME) e imágenes incrustadas en correos HTML.
• Data URL en CSS y HTML, y campos de imagen en algunas API JSON.
• Valores binarios en JSON y XML, que no tienen un tipo nativo para bytes.
Anatomía de un data URI y aumento de tamaño
Un data URI tiene la forma data:[tipo de medio][;base64],datos. data:image/png;base64,iVBORw0… contiene un PNG; sin ;base64, los datos son texto codificado con porcentajes, que suele ocupar menos en el caso de SVG. El tipo de medio es lo que usa el navegador para mostrarlo, así que uno incorrecto (image/png con bytes JPEG) puede impedir que la imagen se vea en algunos contextos.
Base64 convierte cada 3 bytes en 4 caracteres, así que la carga útil crece un tercio (un 33.3 por ciento, más hasta dos caracteres de relleno) y el prefijo data: añade unos cuantos más. gzip o Brotli sobre el HTML o el CSS recuperan parte, pero no todo. La herramienta muestra las cifras exactas de tu archivo para que puedas juzgar si vale la pena incrustarlo; para la mayoría de las imágenes de más de 5 a 10 KB, no la vale.
Herramientas gratis relacionadas
- Formateador JSON — Formatea, minifica y valida JSON, con los errores de análisis localizados por línea y columna. En tu navegador, sin subir nada.
- Decodificador de JWT — Decodifica la cabecera y el payload de un JWT, lee la caducidad en lenguaje claro, verifica firmas HS, RS, PS y ES o firma un token nuevo. Nada sale de tu navegador.
- Conversor de imágenes — Convierte entre AVIF, HEIC, TIFF, PNG, JPG, WebP, GIF, BMP y SVG. La mayoría de las conversiones no salen de tu navegador.