Image to Base64

Drop in an image to get its Base64 data URI, ready to paste into CSS background, an <img> src or an email template. Everything happens in your browser.

How to use

1. Choose an image file.
2. The Base64 data URI appears below.
3. Copy it into your CSS or HTML.

Frequently asked questions

Should I Base64-encode every image?

No — it suits tiny icons and inline assets. Large images bloat your file and load slower than a normal image link.

Is my image uploaded?

No. The file is read locally in your browser and never sent anywhere.

Related tools