Guides & references for your tools
Practical guides and quick references for working with images, files, code, and text — and understanding what happens under the hood.
Start here
Data URIs explained
How a Base64 string becomes an inline data: source you can drop into HTML or CSS.
Embedding images in CSS
When inlining an asset removes a request — and when it quietly hurts performance.
Read guideStandard vs URL-safe
The two Base64 alphabets, what differs, and which one your context needs.
Read guideWhat you can encode
Base64 is format-agnostic — any byte stream can be encoded. These are the types our tooling is being built around first.
Three steps, zero uploads
Pick your input
Choose a file or paste text. The browser reads it locally with the FileReader API — no network request is made.
Convert on device
Encoding and decoding run in JavaScript on your machine, so your data never touches a server.
Copy the result
Grab the Base64 string, data URI, or decoded file with one click and paste it wherever you need it.
Your files never leave the page
Because conversion happens entirely in the browser, there is no upload, no queue, and no copy of your data sitting on a server.
Looking for something specific?
If a format or guide you need isn’t here yet, tell us and we’ll add it.