Data URI•Client-Side Processing
Data URI Generator
Generate data: URIs for any file or text with proper MIME type headers.
Developer workbench
⌘ / Ctrl + Enter to runConfigure. Run. Inspect.
Runs locally. Inputs and results are not automatically saved.
11 input bytes
Output
How to Use Data URI Generator
01
Upload a file or enter text.
02
Select MIME type (e.g. image/png, application/json).
03
Copy the complete data: URI string.
Frequently Asked Questions
Can I use data URIs in CSS?
Yes, data URIs work inside CSS background: url(data:...) properties.
Related Developer Tools
Explore more free client-side developer utilities in this category