Toolkeel

Image to Base64

Embed small images directly in HTML, CSS or email templates as Base64 data URIs, or turn a Base64 string back into an image file.

  • Free
  • No upload
  • No sign-up
  • No watermark

Image → Base64

or drop it here Up to 10 MB. Small icons (under 10 KB) are the best candidates.

Base64 → image

Stays on this device. Network requests since you started: 0 How to check this yourself
  1. Your photosRead from your device
  2. Worked on in this tabBy code running in your browser
  3. Saved to your deviceYou download the result

Never sent to a server. See how to check

How to use it

  1. Choose an image to encode, or paste Base64 to decode.

  2. Pick the output format: data URI, img tag or CSS.

  3. Copy the result or download the decoded image.

About this tool

A data URI puts the image's bytes inside the text of your page, so the browser does not need a separate request. That helps for tiny icons and for HTML emails, where external images are often blocked. Base64 makes data about 33% larger and cannot be cached separately, so for anything over a few kilobytes a normal image file is faster.

Good to know

  • Images up to 10 MB.
  • Decoding recognises common image formats only.

Frequently asked questions

When should I use Base64 images?

For very small icons, single-file HTML documents and some email templates. Avoid it for photos: they become larger and slower.

How do I show a Base64 image in HTML?

Use it as the src: <img src="data:image/png;base64,..." alt="">. Choose the HTML output to get this ready-made.

Is the image uploaded?

No. Encoding and decoding happen in your browser.

You might also need

Last updated 2026-10-20 by the Toolkeel team. How we build and check our tools.