Image ↔ Base64

Convert an image to a data URL or paste a data URL to recover the image.

Tool Media & Files Updated Apr 19, 2026
How to Use
  1. Drop an image to get its data URL.
  2. Or paste a data URL to preview + download.
Encode
🖼️
Drop image
Decode
Preview + output

Notes

Format
data:mime;base64,…
Overhead
+33%
HTML
<img src="data:…">
CSS
url(data:…)
SVG
URL-encoded preferable
Size cap
≤20 KB sweet spot

About the Image ↔ Base64

The Image ↔ Base64 is a simple, free helper for image, audio and file tasks that runs entirely on your own device. Convert an image to a data URL or paste a data URL to recover the image.

How it works

Type in what you have, and the answer shows up right away. Change anything and it updates by itself. Everything runs in your browser, so it is fast and nothing you type is sent away.

Want the deeper story? The Knowledge Base explains the ideas behind the tools in more detail.

Frequently Asked Questions

CSS?

Paste the result right after `url(` in CSS background rules.

Performance?

Inlining large images bloats HTML/CSS — keep under ~20 KB.

How do I use the Image ↔ Base64?

Just type your numbers. The answer shows up right away — there is no button to press. Change anything and it updates by itself.

Does it cost anything or need an account?

No. The tool is completely free, there is no account to create, and it keeps working offline after the page first loads.

Is anything I type uploaded?

No. The tool works entirely on your device, so the values you enter never leave your browser.

Common Use Cases

Inline icons

Single-request pages.

Email

Embed without attachments.

Last updated: