🔗Data URI Generator
Convert images, SVG, or text into Base64-encoded Data URIs. Inline in CSS background-image, embed images in HTML emails, build single-file demos with no external requests, or embed small favicons. Auto-detects MIME type.
🔒 Browser-based✓ No watermark✓ No signup
How to use
- 1Upload a file or enter text.
- 2MIME type is auto-detected.
- 3A data: URI is generated.
- 4Copy and use in CSS, HTML img src, or email.
FAQ
What is a Data URI?+
A `data:image/png;base64,...` URL that embeds the file content directly. No external request needed.
Size limit?+
Theoretically unlimited; <10KB is practical. Base64 adds ~33% size overhead.
Why Base64?+
To safely embed in URIs. Binary files (images, PDFs) conflict with URI special characters, so Base64 encoding is required.
Common use cases?+
(1) Small CSS background icons, (2) HTML email images, (3) Webpack/Vite asset inlining, (4) single-file HTML demos.
Drawbacks?+
(1) +33% size, (2) browser cache misses, (3) large files slow page parsing.