Data URI Converter

File to Base64 data URI

100% local — nothing is uploaded
Output
—

How to use

  1. Choose File → Data URI and drop any file.
  2. Copy the generated data: URI straight into HTML or CSS.
  3. Or paste a Data URI to inspect it and download the original file.

FAQ

Should I ship data URIs in production?

Only for very small assets. Data URIs bloat HTML/CSS, are not cached separately and cost ~33% more bytes than binary.

Is there a size limit?

The tool handles any file your browser can read, but data URIs above a few hundred KB are impractical in markup.