Base64 encoding is one of the most fundamental concepts in web development, yet it's often misunderstood or misused. This comprehensive guide will take you from basic understanding to advanced implementation strategies.
What is Base64 Encoding?
Base64 is a binary-to-text encoding scheme that represents binary data in an ASCII string format. It transforms binary data into a set of 64 characters (A-Z, a-z, 0-9, +, /) plus the padding character (=).
The term "Base64" comes from the fact that it uses 64 characters to represent data. Each character in a Base64 string represents 6 bits of the original data, allowing you to pack 3 bytes (24 bits) into 4 Base64 characters (24 bits).
The Base64 Character Set
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=
How Base64 Encoding Works
Let's break down the encoding process step by step:
- Convert to Binary: Take your input data and convert each character to its 8-bit binary representation.
- Group into 6-bit chunks: Split the binary data into groups of 6 bits each.
- Map to Base64: Convert each 6-bit group to its corresponding Base64 character.
- Add Padding: If the final group has fewer than 6 bits, add padding characters (=).
Encoding Example ("Hello")
Step 1: "Hello" in binary:
01001000 01100101 01101100 01101100 01101111
Step 2: Group into 6-bit chunks:
010010 000110 010101 101100 011011 000110 111100
Step 3: Convert to Base64:
SGVsbG8=
Security: Base64 != Encryption
Warning: Lack of Confidentiality
Anyone can decode Base64 data with standard tools. Never use Base64 to protect sensitive data like passwords or credit card numbers. It is purely for compatibility, not security.
Implementation Examples
JavaScript
const text = "Hello, World!";
const encoded = btoa(text); // SGVsbG8sIFdvcmxkIQ==
const decoded = atob(encoded);
PHP
$text = "Hello, World!";
$encoded = base64_encode($text);
$decoded = base64_decode($encoded);