Image to Base64 Converter — Inline Images as Data URIs

About Base64 image embedding

What you get

With the data URI prefix enabled, the output is a self-contained string like data:image/png;base64,iVBOR… that works directly in <img src>, CSS background-image, Markdown image syntax, and JSON payloads. Without the prefix you get the raw base64 payload, which is what some APIs and formats expect.

Base64 encoding expands the data by about a third (4 characters per 3 bytes, plus the prefix), which the size table under the output makes explicit.

When inline images make sense

Inlining is great for small assets — icons, badges, one-off images in emails or documents — because it removes an extra HTTP request and keeps everything in a single file. For large images the +33% size penalty and the lack of browser caching usually make a normal file reference the better choice; the tool warns you when a file is over 10 MB for this reason.