Turn an image into a base64 data URI without uploading it
A data URI lets you embed an image directly inside your HTML, CSS or
Markdown instead of linking to a separate file — handy for tiny icons, email
templates and self-contained pages. This tool reads your image and produces a
data:image/...;base64,... string, with optional ready-to-paste HTML <img>
or CSS background-image wrappers.
The image is read locally with your browser’s FileReader, so it is never uploaded, stored, or seen by anyone. Because base64 adds about a third to the size, data URIs are best for small assets rather than large photos.