🧬 Image to Base64
Embed small icons and logos directly in HTML, CSS, emails or JSON – no extra HTTP request.
🔒 Runs in your browser · files never uploaded
Drop images here or click to browse PNG, JPG, WebP, GIF, SVG, ICO · multiple files · paste from clipboard works too
How to use the Image to Base64 tool
- Drop one or more images.
- Copy the data URI, the <img> tag or the CSS background snippet.
- Switch to Decode to turn a Base64 string back into an image file.
Frequently asked questions
How much bigger is a Base64 image?
Base64 uses 4 characters for every 3 bytes, so the text is about 33% larger than the file. The size stats show the exact overhead for each image.
When should I inline images as Base64?
For small assets under roughly 5–10 KB (icons, tiny logos, email signatures). Large photos are better as separate files because they can be cached and loaded in parallel.
Does it work with SVG?
Yes. SVG files are encoded as data:image/svg+xml;base64. For SVG you can also URL-encode instead, which is often slightly smaller.
Are my images sent to a server?
No. Encoding uses the browser FileReader API locally – useful for proprietary logos and screenshots.