GLOSSARY

What is a data URI?

A data URI embeds a file inline in a URL, often Base64-encoded, instead of linking to it. Learn the format and encode/decode Base64 free.

Open the Base64 tool →All free tools

A data URI (data URL) embeds a small file directly inside a URL rather than pointing to a separate resource. It is how you inline an image, font, or snippet into HTML, CSS, or JSON without a second HTTP request.

The format

A data URI looks like data:[mediatype][;base64],<data> — for example data:image/png;base64,iVBORw0KGgo…. The media type declares what the data is; the optional ;base64 says the payload is Base64-encoded (needed for binary like images). Without it, the data is percent-encoded text.

When to use one

Inlining saves a request, which helps for tiny, rarely-changing assets like icons. The trade-offs: Base64 inflates size by ~33%, the asset cannot be cached separately, and large data URIs bloat the document. Use them for small things; link normally for big ones.

Try it now — free, no signup

Use the Base64 tool in your browser. Then, when you need it at scale with an API key and higher limits, grab the full Eveses API.

Open the Base64 tool →Sign up for the full API

FAQ

Why is a data URI Base64?›
Base64 makes binary data (images, fonts) safe to embed as text in a URL. Text payloads can use percent-encoding instead.
How do I create the Base64 for a data URI?›
Encode the file’s bytes with our Base64 tool and prefix it with data:<mediatype>;base64,.

Related

What is Base64 encoding?Base64 turns binary data into safe ASCII text using 64 characters. Learn what it is, why it is not encryption, and encode or decode text free.Base64 encodeEncode text to Base64 instantly in your browser. Free, no signup — plus what Base64 is and when to use it.Base64 decodeDecode a Base64 string back to text instantly in your browser. Free, no signup, plus tips when decoding fails.