Data URI Generator & Decoder
Convert images, SVGs, and files into inline Data URIs or decode base64 URI strings back to downloadable files.
How to Use Data URI
- Select Generate Data URI or Decode Data URI mode.
- Drop a file to create a base64 Data URI, or paste a data: string to decode.
- Copy ready-to-use HTML and CSS code snippets or download decoded files.
Technical Specifications & How It Works
Data URIs embed small assets directly inside HTML or CSS to eliminate extra HTTP requests and improve render times.
100% Client-Side Privacy: Data encoding and decoding execute entirely within your browser.
Frequently Asked Questions
What output formats are generated?
The tool generates raw data: URIs, HTML img tags, and CSS background-image declarations.
Can I decode a base64 Data URI back to a file?
Yes. The decoder parses MIME types and extracts original binary data for one-click downloading.
Which MIME types are supported?
All MIME types are supported, including PNG, JPEG, SVG, WebP, PDF, fonts, and plain text.