🔄 Base64 Encoder & Decoder

Encode or decode Base64 text and files instantly. Supports images, PDFs, and any binary file. 100% browser-based Base64 encoder — your data never leaves your device.

Input

0 chars

Output

0 chars

How to Use

Choose mode

Select Text mode for plain text encoding/decoding, or File mode to encode any file.

Enter your input

Type or paste text, then click Encode or Decode. For files, drag and drop or click to browse.

Copy the output

Click Copy to copy the Base64 output to your clipboard for use in your project.

Frequently Asked Questions

What is Base64 encoding? +

Base64 converts binary data (like images or files) into ASCII text using 64 characters (A–Z, a–z, 0–9, +, /). It's used to embed images in CSS/HTML, transmit data in JSON APIs, and store binary data in text formats.

How do I use Base64 images in CSS? +

After encoding an image, copy the output and use it as: background-image: url('data:image/png;base64,YOUR_BASE64_HERE'). This embeds the image directly in your CSS, eliminating an HTTP request.

Is Base64 encoding the same as encryption? +

No. Base64 is encoding, not encryption. Anyone can decode Base64 text instantly. Never use it to hide sensitive information.

Why does Base64 encoded text end with == ? +

Base64 pads output to a multiple of 4 characters using = signs. One = means 1 padding byte, == means 2 padding bytes.

Can I encode files to Base64? +

Yes — switch to File mode, select any file, and the tool instantly shows its Base64 representation. Works for images, PDFs, fonts, and any binary file.

Guía: Codificador/Decodificador Base64

¿Qué es?

Base64 representa datos binarios usando 64 caracteres ASCII imprimibles. Se usa para incrustar imágenes en CSS/HTML, transmitir datos binarios en APIs JSON, y codificar credenciales HTTP Basic Auth.

Base64 no es cifrado — solo transforma datos para transporte seguro en sistemas de texto. Aumenta el tamaño ~33%.

Cómo usar

Selecciona el modo: Codificar o Decodificar.
Pega texto o sube un archivo en el área de entrada.
El resultado aparece instantáneamente.
Usa "URL safe" si necesitas Base64 en URLs (reemplaza +/ con -_).

Consejos

Para imágenes en CSS: background: url('data:image/png;base64,...').
Las credenciales HTTP Basic Auth son solo Base64 — siempre usa HTTPS encima.
Base64 URL-safe omite el relleno = para compatibilidad con URLs.