Encode text or images to Base64, or decode Base64 strings back to text. Runs entirely in your browser — nothing is uploaded.
Where Base64 shows up in everyday development work.
MIME encodes binary attachments in Base64 so any mail server can relay them as plain text.
Embed small icons or logos directly in HTML or CSS via data: URIs to skip an extra HTTP request.
Basic auth headers and JWT segments encode credentials and payloads as URL-safe Base64.
Background images, fonts, and SVG sprites can be inlined as Base64 to ship as a single asset.
Need to go the other way and turn a Base64 string back into a picture? Paste the string into the Image tab above — with or without the data:image/png;base64, prefix — and the preview renders instantly, ready to download as a real PNG, JPG, GIF, WebP or SVG file. This Base64 to image converter runs fully in your browser, so screenshots, ID scans and design assets never touch a server.
Base64 image strings show up everywhere: inline <img src="data:…"> tags, CSS backgrounds, JSON API payloads, email templates and database blobs. When you only have the encoded blob from a log file or a network response, decoding it is the fastest way to see what the asset actually is. Remember that a data URI is roughly 33% larger than the original binary, so decode-and-save is usually the right move before shipping an image to production.
If the decode fails, the string is almost always Base64URL rather than plain Base64 — swap - back to +, _ back to /, and add any missing = padding.