Construct Data URIs from Base64 strings with any MIME type.
Generate embeddable code for HTML, CSS, JSON, and XML.
Perfect for embedding images, fonts, audio, video, and documents directly into web pages or API payloads.
All processing happens locally in your browser — your data is never uploaded to any server.
MIME:
Output:
Base64 Input
Generated Output
Live Preview:
Usage: Paste a raw Base64 string, select a MIME type and output format, then click Build.
Output Formats:Data URI (data:...), <img> / <video> / <audio> (HTML tag), <link> (stylesheet/font), CSS url(), JSON, XML.
MIME Type: Choose from presets or enter a custom type/subtype.
Input: Only the raw Base64 string — do not include the data: prefix.
Data URIs — files inlined as text
A data URI embeds a file’s bytes directly in a URL: data:[mime];base64,[payload]. It removes an HTTP request, which suits small icons and CSS-referenced assets. Base64 inflates the payload by about a third (3 bytes become 4 characters), so large files grow page weight; browsers also do not cache data URIs separately from the page.
🔷 Data URI Info
Format data:{mime};base64,{b64}
Use Cases Inline images/fonts in CSS, embed PDF in JSON APIs, self-contained HTML pages.
