Can it decode both base64 and percent-encoded data URLs?
Yes. It helps you separate MIME, encoding mode, payload size, and decoded preview for both forms.
Data URL Parser
Parse data: URLs and preview decoded payload content
JSON & Data
π 100% client-side β your data never leaves this pagePage mode
Data URL Input
Quick CTA
Paste one Data URL and parse it first to inspect MIME, the base64 flag, and decoded preview; header details stay in Deep.
Output
Parsed result appears here
100% client-side
Next step workflow
Page reading mode
Quick keeps the summary, direct answers, and next steps so you can validate fit and get a result faster.
About this tool
Data URL Parser helps frontend and API teams inspect inline data: URLs quickly. Paste a data URI to extract its MIME type, detect whether it uses base64 encoding, and preview decoded content. This is useful when debugging embedded assets, CSS inline icons, API payload fields, and browser rendering issues. The tool also reports payload size so you can assess whether inlining is reasonable for performance-sensitive pages. It supports both base64 and percent-encoded data URL variants. Everything runs in your browser and no payload data is uploaded.
Direct Answers
Why does the preview look unreadable sometimes?
Binary payloads are not meant for text preview, so the decoded output may look garbled even when the data URL itself is valid.