Turn any image into a Base64 data URI ready to embed directly in HTML, CSS or JSON, with ready-made snippets for each and a clear warning about size overhead.
Getting started
Select an image file from your device.
The Base64 data URI is generated immediately.
Copy the raw string, or a ready-formatted HTML or CSS snippet.
Why it helps
Ready-made HTML and CSS snippets save you formatting the URI by hand.
Shows the size increase clearly so you can judge whether embedding is worthwhile.
Runs locally, so unpublished assets stay private.
In practice
Embedding a small icon directly in CSS to eliminate an HTTP request.
Including an image inside a JSON payload or API request.
Creating a self-contained HTML file with no external dependencies.
Everything people ask most about the image to base64, answered plainly.
Keep exploring
More from Image Tools and beyond — most people who use this one reach for these next.
