How to Convert an Image to Base64 (Data URI)

A Base64 data URI lets you embed an image directly in your code so the browser doesn't make a separate network request — useful for small icons, email templates, and inlined assets.

Our tool outputs the raw data URI, a ready-to-paste CSS background line, or a complete HTML img tag.

Base64 increases file size by about 33% and can't be cached separately by the browser, so avoid it for large photos — use a normal image file instead.

It's ideal for tiny images under a few KB. Encoding happens entirely in your browser, so your file stays private.