What is Base64 Encoding?
In computer systems and web architecture, Base64 is a group of binary-to-text encoding schemes that translate binary data (such as images, PDF files, or UTF-8 strings) into an ASCII format composed of 64 printable characters (A-Z, a-z, 0-9, +, and /).
Base64 is essential when binary files need to be transmitted over protocols designed exclusively for text, such as HTTP Web APIs, JSON strings, HTML documents, and email MIME attachments.
How Base64 Encoding Works (The Math)
Standard binary uses 8 bits (1 byte) per character. Base64 regrouping takes 3 bytes (24 bits) of input data and breaks them down into 4 groups of 6 bits. Each 6-bit group represents a number from 0 to 63, which maps directly to the standard Base64 character index table:
Input Bytes (3 × 8 bits): [01001101] [01100001] [01110100]
Re-grouped (4 × 6 bits): [010011] [010110] [000101] [110100]
Base64 Index Values: 19 22 5 52
Encoded ASCII String: 'T' 'W' 'F' '0'
What is URL-Safe Base64?
Standard Base64 uses + and / characters. However, in HTTP URLs, + is interpreted as a space, and / is interpreted as a path directory separator. URL-Safe Base64 (RFC 4648) solves this by replacing + with - (hyphen) and / with _ (underscore), making the string safe to pass in query strings, JWT tokens, and file paths.
Embedding Base64 Images in HTML & CSS
Converting small SVG, PNG, or WebP images into Base64 Data URIs allows you to inline graphics directly into HTML and CSS files, eliminating extra HTTP network round-trips:
- HTML Inline Image:
<img src="data:image/png;base64,iVBORw0KGgo..." /> - CSS Background Image:
background-image: url('data:image/svg+xml;base64,PHN2Zy...');
Encode & Decode Base64 Data Online
To convert text or images to Base64 instantly without uploading files to external servers, use our free online Base64 Encoder / Decoder. It supports UTF-8 multi-byte strings, URL-safe Base64 toggles, and generates ready-to-copy HTML and CSS Data URI snippets 100% locally in your browser.