Encode Mapping
Visualize how plain text is converted into Base64 characters step by step. See the encoding mapping in real time.
InputPlain text
0 chars
Encoded OutputBase64
0 chars
ENCODING STEPS
How Encoding Works Step by Step
01
UTF-8 Byte Conversion
Each character is first converted to its UTF-8 byte representation. ASCII characters use 1 byte, while international characters may use 2–4 bytes.
02
3-Byte Grouping
Bytes are grouped into sets of 3 (24 bits). Each group is then split into four 6-bit segments.
03
Base64 Character Lookup
Each 6-bit value (0–63) maps to a character in the Base64 alphabet. Incomplete groups are padded with "=" characters.
TIPS
Tips for Better Results
Try multi-byte characters (e.g. Chinese, emoji) to see how UTF-8 encoding expands them into multiple bytes.
Toggle between Encode and Decode modes to see the mapping from both directions.
Enable URL-Safe mode to see how + and / are replaced with - and _ in the output.