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.
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