Image to Base64 & back
Encode any image to a copyable Base64 data URL, or paste Base64 to decode it back into a downloadable image — instantly and locally.
Loading tool…
What is a Base64 data URL?
Base64 encodes binary image bytes as plain text. A data URL wraps that text with a MIME prefix so an image can live directly inside HTML, CSS, or JSON.
Why encode an image to Base64?
Inlining a small image as Base64 saves an HTTP request and keeps everything in one file — handy for icons in CSS, email templates, or embedded config.
Quality & size notes
Base64 adds roughly 33% overhead versus the raw file, so it's best for small assets. For large images, a normal file reference stays leaner.
How to image to base64
- Choose Image → Base64 and drop an image to get its data URL.
- Copy the data URL straight into your HTML or CSS.
- Or switch to Base64 → Image and paste a string to decode it.
- Preview the decoded image and download it — all local.