Image to Base64 Converter
Convert an image to a Base64 data URI — with copy-ready HTML and CSS snippets. The image is read locally and never uploaded.
When to embed images as Base64
A data URI embeds the image bytes directly in your HTML or CSS, eliminating one HTTP request. It's a good fit for small icons, logos, and email signatures (many email clients block external images but render data URIs). For anything over ~10–20 KB, a normal image file with caching is usually faster overall, since Base64 adds ~33% size and can't be cached separately.
Frequently asked questions
Is my image uploaded to a server?
No — the file is read with the browser's FileReader API and converted in memory on your device.
Why did my file get bigger?
Base64 represents every 3 bytes as 4 text characters, so the output is about 33% larger than the original file. That's the cost of embedding binary data in text.
Does this work for SVG?
Yes, though for SVG a URL-encoded data:image/svg+xml,… URI is often smaller than Base64. This tool uses Base64 for consistency across all formats.
Last updated: 2026-07-12