Data URI Inspector
Paste a data URI to break it into its parts — scheme, MIME type, charset, encoding, and payload — with decoded size and a quick validity check.
Data URI
LocalBreakdown
About Data URI Inspector
The Data URI Inspector breaks a data URI into its parts — scheme, MIME type, charset, encoding, and payload — with details about each. It is for developers debugging or learning how data URIs are structured.
A malformed data URI is hard to diagnose as one long string. Inspecting its parts locally pinpoints the issue without uploading the data.
Step by step
- Paste a data URI.
- The inspector separates the scheme, MIME, charset, encoding, and payload.
- Review the details of each component.
- Use the breakdown to confirm or fix the URI.
What it offers
- Component-by-component breakdown
- MIME, charset, and encoding details
- Payload inspection
- Runs locally — Data URI Inspector
Where it helps
- Debugging a data URI that will not render
- Confirming the MIME type and encoding of a URI
- Learning how data URIs are structured
- Checking whether a URI is Base64 or percent-encoded
Tips for best results
- Check the MIME type first when a data URI fails to render.
- Confirm whether the payload is Base64 or percent-encoded before decoding.
- Note the charset for text payloads so they are read correctly.
Pitfalls to watch for
- Overlooking a missing or wrong MIME type, a common reason a URI fails.
- Confusing Base64 and percent-encoded payloads, which the inspector distinguishes.
- Ignoring a charset that affects how text payloads are interpreted.
Why people use it
Clear breakdown
Every part of the URI laid out.
Pinpoints issues
Spot a wrong MIME or encoding fast.
Educational
Understand data URI structure.
Private
Inspection happens on your device.
Common questions
This runs entirely in your browser
No file or text you enter here is uploaded. Encoding and decoding happen on your device using native browser APIs — close the tab and nothing remains on a server.