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

Send us feedback

Stuck, or want to do something it won't let you? Tell us what you're trying to do and we'll reply by email as soon as we can. This isn't a live chat.

Powered by AcornReply