Image to Base64 Data URI

Turn any image into a base64 data URI for HTML, CSS or Markdown.

Ad placeholder (leaderboard)
Enjoying the tools? Go Pro for £4.99 (one-time) and remove all ads — forever, on this device. Remove ads — £4.99

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.

Ad placeholder (rectangle)