All Tools About
← Back to all tools
🔤

Image to Base64

Encode an image as a Base64 data URI

🖼️
Select an image or drag it here
JPG, PNG, WEBP, GIF, SVG

About Image to Base64

Convert any image into a Base64-encoded string or data URI that can be embedded directly inside HTML, CSS, JSON, Markdown, or email templates without needing a separate file URL. Supports JPG, PNG, WebP, GIF, and SVG. The tool reads your file with the browser's FileReader API, so encoding is instant and completely offline.

Three outputs are provided: the full data URI (ready to paste into <img src> or a CSS url(…)), the raw Base64 payload without the MIME prefix (useful for API payloads and JSON bodies), and a ready-to-use HTML snippet. Keep in mind that Base64 adds roughly 33% to the size of the original file, so inline images are best used for small icons and sprites rather than large photos.

Frequently Asked Questions

When should I use Base64 for images? +
For very small images (icons under 5 KB) that you want to inline into HTML, CSS, or JSON to avoid a network request. For larger images, a regular URL is more efficient.
How much does Base64 increase the file size? +
About 33% larger than the binary file. A 10 KB image becomes roughly 13.3 KB of Base64 text — worth it only for small assets.
What is the difference between the data URI and raw Base64? +
The data URI includes a media-type prefix (data:image/png;base64,...) and is ready to use in <img src> or CSS url(). Raw Base64 is just the payload, useful for API calls and JSON bodies.
Is my image seen by anyone else? +
No. The conversion happens with the browser's FileReader API — everything is local.
Does it support SVG? +
Yes. SVG files are encoded too. For SVG, consider using URL-encoding instead of Base64 — it produces smaller output for text-based formats.