What does the Image to Base64 tool do?
A data URI embeds an image directly inside HTML, CSS or JSON — no separate file, no extra request. Ideal for small icons, email signatures and self-contained documents.
Drop an image and get the complete data URI (and the raw Base64 alone), encoded locally. Note the ~33% size overhead — data URIs are for small images.
How to use the Image to Base64
- Drop an image on the tool.
- Copy the data URI (or raw Base64).
- Paste into src="…", CSS url(…), or your JSON.
Frequently asked questions
When should I use a data URI?
Small images (a few KB) used once — icons, logos in emails. Large or repeated images belong in files the browser can cache.
Why is the Base64 bigger than my file?
Base64 encodes 3 bytes as 4 characters — a fixed ~33% overhead.
Do data URIs work in email?
In most clients for small images, yes — but some (notably older Outlook) block them; test your audience.
Is the image uploaded?
No — encoding happens in your browser.