🖼️

Free Image to Base64

Convert an image to a Base64 data URI for inline use in CSS, HTML, or Markdown. Copy ready-made snippets. Encoded in your browser; never uploaded.

No file size limitFiles stay privateNo login requiredFree forever

Drop files here, or click to browse

PNG, JPG, WebP, GIF, SVG, AVIF, X, Image no file size limit

Browse files

Your files never leave your device. All processing happens locally in your browser.

Convert an image to a Base64 data URI you can paste directly into CSS, HTML, or Markdown — no separate file needed. Encoded in your browser; never uploaded.

Optimize for your platform

Inline an Image in CSS Embed an Image in HTML Convert an SVG or Icon to Base64 Embed an Image in Markdown Get an Image Data URI

How It Works

A data URI embeds an image directly into your code as text, so it loads without a separate file request — handy for small icons and self-contained HTML. This encodes it in your browser.

1
You drop in an image
It's read locally with the FileReader API — never uploaded.
2
It's Base64-encoded
The image bytes become a data: URI (data:image/...;base64,…) right in your browser.
3
You pick a snippet
Copy the raw data URI, or ready-made CSS (background-image), HTML (<img>), or Markdown.
4
Paste it into your code
The image now travels inline with your CSS/HTML — no extra file to host.