How to use this tool
- Paste a data URL (data:...) into the input field.
- View parsed media type, charset, base64 flag, and decoded content.
- Copy any component or clear to start over.
About Data URL Parser
This tool helps you inspect data URLs used in HTML, CSS, or API responses. It decodes base64 and URL-encoded payloads for viewing. Binary data (e.g. images) is shown as raw bytes; text content is displayed as UTF-8.
Common use cases
- Inspecting inline images or assets in HTML or CSS
- Debugging data URL payloads from APIs or webhooks
- Extracting and viewing embedded base64 content
FAQ
- What is a data URL?
- A data URL embeds data directly in a URL using the format data:[mediatype][;base64],<data>. It is commonly used for inline images, small assets, or embedding content in HTML and CSS.
- Is my data URL sent to a server?
- No, parsing and decoding happen entirely in your browser. Your input is never transmitted.
- How does it handle binary data like images?
- Base64 image data is decoded to bytes. For non-text media types, the decoded output may show raw bytes or replacement characters. The tool is best suited for text content.
- Why does base64 decoding fail for some data URLs?
- Invalid base64 characters, incorrect padding, or corrupted data will cause decoding to fail. Ensure the data portion is valid base64 when the base64 flag is set.