Generate data: URIs from text input or file upload. Select the MIME type, encode to Base64, and get a ready-to-use data URI for embedding in HTML, CSS, or JavaScript.
Data URIs (also called data URLs) allow you to embed file content directly in HTML, CSS, or JavaScript using the format: data:[mediatype][;base64],data. This eliminates the need for separate HTTP requests, making pages load faster for small assets.
They're commonly used for small images (icons, logos), CSS backgrounds, custom fonts, and inline SVG. The trade-off is a ~33% size increase due to Base64 encoding, so they're best suited for files under 10KB.
A data URI is a way to embed file content directly into web documents using the data: scheme. Instead of linking to an external file, the content is Base64-encoded and included inline, reducing HTTP requests.
Use data URIs for small, frequently used assets like icons and small images (under 10KB). For larger files, regular URLs are better because data URIs increase file size by ~33% and can't be cached separately.
Yes. All modern browsers support data URIs. The main limitation is size — some browsers have maximum length limits for data URIs, typically around 2MB, though this varies by browser.
Encode or decode Base64 strings directly in your browser
Convert text to Base64 or decode Base64 to plain text
Convert images to Base64 encoded strings
Decode Base64 strings back to viewable images
Encode any file to a Base64 string
Decode any Base64 string back to its original file
Decode Base64 strings to PDF documents
Decode and inspect JWT tokens
Encode or decode URLs with percent-encoding
Convert special characters to HTML entities and back
Convert between hex and Base64 formats
Decode Base64 strings to plain readable text
Check if a string is valid Base64 encoding
Decode Base64 and pretty-print as formatted JSON