Data URI•Client-Side Processing

Data URI Generator

Generate data: URIs for any file or text with proper MIME type headers.

Developer workbench

Configure. Run. Inspect.

Runs locally. Inputs and results are not automatically saved.

⌘ / Ctrl + Enter to run
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

View All Tools