Encode and decode Base64 instantly. Convert text and data in the browser.
Encoding and decoding text in Base64 format.
Base64 is commonly used for transmitting data in URLs, API tokens, email attachments, and embedding images in CSS/HTML.
Supports Cyrillic and other Unicode characters.
It explains, debugs and writes — AI chat, first generation free.
Open AI chat →Base64 Encoding and Decoding Online
Base64 is a binary-to-text encoding scheme using 64 printable characters (A-Z, a-z, 0-9, +, /). Encoding increases data size by ~33% but allows safe transmission of binary data through text protocols: email, JSON, XML, HTML.
How Base64 Encoding Works
The algorithm splits input bytes into groups of 3 (24 bits), then each group is divided into 4 six-bit values (0–63). Each value is replaced with a character from the Base64 alphabet. If input is not a multiple of 3 bytes, the result is padded with = characters.
Where Base64 Is Used
- Data URI — embedding images in HTML/CSS:
data:image/png;base64,... - Email (MIME) — attachments are Base64-encoded for SMTP transmission
- JWT tokens — header and payload are Base64url-encoded
- APIs — transmitting binary data in JSON fields
- Basic Auth — HTTP Authorization header contains login:password in Base64
Encoding Overhead
Base64 increases data size by exactly 33.3% (3 bytes → 4 characters). Our tool shows original size, encoded size, and overhead percentage in real time.
Frequently Asked Questions
Is Base64 encryption?
No. Base64 is encoding, not encryption. Anyone can decode a Base64 string without a key.
Why is padding (= symbols) needed?
Padding aligns the result length to a multiple of 4. One = means 2 input bytes, two == means 1 input byte.
What is the difference between Base64 and Base64url?
Base64url replaces + with - and / with _, removes padding. Used in JWT, URL parameters, and filenames.
Is it safe to use?
Yes, all operations run in your browser. No data is sent to a server.
For decoding use the Base64 decoder, for images — Image to Base64, for JWT analysis — JWT decoder.
Useful articles
WCAG Color Contrast: Website Accessibility Guide
A complete guide to color contrast: WCAG 2.1 standards, AA and AAA levels, calculation formula, practical examples of good and bad contrast, and how to fix accessibility issues.
CSS Border Radius: Rounding Element Corners
How to use border-radius: syntax, shorthand notation, elliptical corners. Online border-radius generator.