What is Base64 Encoding? How It Works, Uses & Examples (2026 Guide)

1. What is Base64 Encoding?

Base64 is a binary-to-text encoding scheme that converts binary data into a string using 64 ASCII characters: A–Z, a–z, 0–9, “+” and “/”.

Its main purpose is to make binary data safe for transmission in text-based systems like HTTP, JSON, XML, and email.

2. How Does Base64 Encoding Work? (Step-by-Step)

Here’s the complete process:

1. Convert the input data into binary (8 bits per character/byte).
2. Group the entire binary stream into chunks of 6 bits.
3. Map each 6-bit group to one of the 64 Base64 characters.
4. If the final group is incomplete, add “=” padding characters so the output length is divisible by 4.

Because 3 bytes (24 bits) are turned into 4 characters (6 bits each), Base64 increases the data size by approximately 33%.

Simple Example

Original Text: Hello
Base64 Encoded: SGVsbG8=

3. Real-World Use Cases of Base64

Base64 is used in almost every layer of modern development:

• APIs & JSON Payloads – Sending images, PDFs, or documents inside JSON without breaking the structure.
• Web Development – Embedding small images and icons using Data URIs in HTML and CSS.
• Email Attachments – MIME encoding ensures files survive email transmission.
• Authentication – JSON Web Tokens (JWT) use Base64URL to encode headers and payloads.
• Databases – Storing binary files (like profile pictures) in text-only columns.

4. Base64 in Web Development – Data URIs

One of the most common uses is embedding small images directly into HTML or CSS:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==">

5. Base64URL – The URL-Safe Version

Standard Base64 uses “+” and “/”, which are not safe in URLs. Base64URL replaces them with “-” and “_” and usually removes padding. It is heavily used in JWTs and OAuth flows.

6. Base64 vs Encryption vs Hashing – Clear Comparison

Important Note: Base64 is not encryption. It offers zero confidentiality.

7. Advantages and Disadvantages of Base64

8. Common Base64 Errors to Avoid

• Missing or incorrect padding characters (=)
• Using standard Base64 in URLs instead of Base64URL
• Thinking Base64 provides security
• Adding spaces or line breaks inside Base64 strings

9. Code Examples in Popular Languages

JavaScript

// Encoding
const encoded = btoa("Hello World");
console.log(encoded); // SGVsbG8gV29ybGQ=
// Decoding
const decoded = atob("SGVsbG8gV29ybGQ=");
console.log(decoded); // Hello World

Python

import base64
encoded = base64.b64encode(b"Hello World").decode()
decoded = base64.b64decode(encoded)

Java

import java.util.Base64;
String encoded = Base64.getEncoder().encodeToString("Hello".getBytes());

10. FAQ – Base64 Encoding Questions Answered

11. Conclusion

Base64 encoding is a simple but powerful tool that enables binary data to travel safely through text-based systems. While it adds some overhead and is not a security measure, it remains essential for APIs, web development, authentication systems, and data exchange.

Before using Base64 in APIs, it’s helpful to have a solid understanding of how APIs work in general. You can read our complete REST API Guide for more context.

Working with encoded data also becomes much easier when you understand the structure of JSON. Check out our JSON Guide to strengthen your foundation.

Master the fundamentals like Base64, and you’ll avoid many common pitfalls that trip up even experienced developers.