Image to base64 converter

Drag an image in, get a base64 data URI ready to paste into HTML, CSS, or a markdown image. The file never leaves your browser.

Embed this tool on your site

Drop an image here
or click to pick a file

When to use base64 vs a URL

Base64 inlines the image bytes into the document, so the document is self-contained, with no network request to fetch the image. Useful for small icons, email signatures, and one-off documents you want to render without an internet connection.

The trade-off: base64 adds about 33% to the file size, blocks parallel image downloads, and inflates HTML/CSS files that browsers cannot cache the image inside. For anything reused across pages, a real URL is usually faster.

When you want the URL, not the bytes

For screenshots in bug reports, design reviews, or anything an AI coding agent will read, a hosted URL is almost always the right answer. The image lives at a stable address; the markdown or document just references it. See markdown export for why the URL form survives the trip from human to agent intact.

Need a hosted URL for your screenshot, not a base64 blob?

Cobalt Capture publishes screenshots to a real URL with a permanent address, perfect for bug reports, design reviews, or anything an AI agent needs to ingest. Free.

Start capturing