What is Base64 image encoding?

It converts an image into a text string that can be embedded in HTML or CSS.

Is the conversion done online?

No, it is done locally in your browser.

Where can I use Base64 images?

You can use them in HTML, CSS, or APIs.

Is there a file size limit?

No fixed limit, but large images may impact performance.

Instant · Client-Side · Free

Image toBase64

Drop any image and instantly get the Base64 string — as a Data URL, raw Base64, CSS background, HTML tag, or Markdown. The tool devs reach for every day.

Drop Image Here

Drag and drop or click to browse

JPG · PNG · GIF · SVG · WEBP · ICO · Any image format

Output Format

Data URL

data:image/…;base64,…

Raw Base64

Plain base64 string only

CSS background

background-image: url(…)

HTML <img>

<img src="data:…" />

Markdown

![alt](data:…)

Drop an image to
generate Base64 output

When Devs Need This

Five output formats for every real-world use case

Data URL

data:image/png;base64,…

Embed directly in HTML, CSS, or JSON. No separate file request needed.

CSS Background

background-image: url(…)

Drop into a stylesheet for inline background images without an HTTP request.

HTML <img>

<img src="data:…" />

Self-contained HTML with the image baked in. Great for email templates.

JSON / APIs

"image": "iVBORw0KG…"

Send images in REST API payloads or store in JSON config without file refs.

Markdown

![alt](data:image/…)

Embed images directly in Markdown files — no external hosting required.

All conversions happen in your browser.
Your images are never uploaded to any server.