Skip to main content
Image / SVG Developer Tools

Data URI to Image

Paste an image data URI and get a live preview plus a downloadable image file.

Paste a data URI below - this tool decodes it, shows a live preview, and lets you download it as a real image file.

For the reverse direction (encoding an SVG into a data URI), see the SVG to Data URI tool.

What Does This Tool Do?

It parses a data:image/...;base64,... (or URL-encoded) data URI, decodes the embedded image data, and renders it as a real, downloadable image file.

Why Use This Tool?

Useful when you've found or been given a raw data URI (from browser dev tools, an API response, or a CSS file) and need the actual image file rather than just the embedded string.

How to Use It

  1. Paste the full data URI, including the data:image/...;base64, prefix.
  2. Review the live preview.
  3. Download the decoded image file.

Limitations

This decodes standard image data URIs client-side - a malformed or truncated data URI is reported as invalid rather than guessed at.

Share this tool: