Image to Base64 Converter - Data URI, CSS and HTML

Drop an image here or click Open to get its Base64 code

Direction

Output

Encode as

JPG quality

Loading… Free for Limited Time

How to convert an image to Base64

Click Open or drag an image onto the page.
Choose the output: a data URI, plain Base64, a CSS background or an HTML <img> tag.
Optionally re-encode as WebP, JPG or PNG to make the text shorter.
Click Copy and paste it into your code. To decode, switch to Base64 → Image and paste the text.

When should I use Base64 images?

For small images such as icons and tiny backgrounds, where saving an extra file request matters. Large images are better linked as normal files.

Why is the Base64 text larger than the file?

Base64 encoding makes data about a third larger. The tool warns you when the result is too big to inline comfortably.

Can I turn Base64 back into an image?

Yes. Switch to Base64 → Image and paste raw Base64, a data URI, or a CSS or HTML snippet.

Is my image uploaded?

No. Encoding and decoding happen in your browser.

Every Imavo tool is free for a limited time and runs in your browser - your files are never uploaded. See all tools · Privacy