How to use Base64 Encoder Decoder
- 1. Pick Encode or Decode. Use the top toggle — this page starts on Encode.
- 2. Paste or drop. Text, images, PDFs, and Office files are supported.
- 3. Copy the result. Snippets for Data URI, HTML, CSS, and JSX on encode; download on decode.
About this tool
Google suggests “base 64 encoder decoder online” because most people want both directions in one tab. This studio is that tool — with separate SEO landings when you only need one intent.
What is an encoder vs decoder?
An encoder converts binary or text into Base64. A decoder reverses it. They are not machine-learning “encoder–decoder models” — just Base64 transforms.
Encoding example
`Hello` encodes to `SGVsbG8=`. Decode that string and you get `Hello` again. Size grows about 33%.
Code examples
Node
Buffer.from("hello").toString("base64");
Buffer.from(b64, "base64").toString("utf8");Browser (UTF-8 safe)
btoa(unescape(encodeURIComponent(text)));
decodeURIComponent(escape(atob(b64)));Python
import base64
base64.b64encode(b"hello").decode() # aGVsbG8=
base64.b64decode("aGVsbG8=").decode()Data URI
const uri = `data:image/png;base64,${b64}`;
// <img src={uri} /> or CSS url('${uri}')