Loading...
Related:🎨Color ToolsIMGImage Converter✂Image EditorSVGSVG to PNGYMLYAML ↔ JSON2→16Number Base ConverterTZTimezone ConverterUTCDateTime Converter

Base64 to Image Viewer Online — Decode & Download Free

Paste a Base64 string or a full data:image/...;base64,... URI and see it rendered as an image instantly. The viewer detects the MIME type from a data URI automatically, or lets you pick one for raw Base64 payloads, then shows dimensions and decoded file size before you download the result. Everything runs locally in the browser, so it is safe for inspecting Base64 blobs pulled from APIs, databases, or JSON payloads.

Features

  • Data URI or raw Base64

    Paste a full data:image/png;base64,... URI, or just the raw Base64 payload and pick the image type.

  • Instant preview

    The image renders as you type, with live dimensions and decoded size.

  • Download or copy

    Save the decoded image as a file, or copy the normalized data URI back to your clipboard.

  • No upload

    Decoding happens entirely in the browser — nothing is sent to a server.

How to view an image from a Base64 string

Decode a Base64 string or data URI into a viewable, downloadable image.

  1. Paste the stringPaste a Base64 string or a data:image/...;base64,... URI into the input box.
  2. Pick the image typeIf the string has no data: prefix, choose the image type (PNG, JPEG, WebP, etc.) so it decodes correctly.
  3. Preview the imageThe decoded image appears on the right along with its dimensions and size.
  4. Download or copyDownload the image as a file, or copy the normalized data URI for use elsewhere.

Examples

Decode a data URI

Input
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=
Output
1×1 transparent PNG, 68 bytes

Frequently Asked Questions

What is the difference between a Base64 string and a data URI?
A data URI wraps Base64 data with a MIME type prefix, like data:image/png;base64,.... Raw Base64 is just the encoded bytes with no type information, so the viewer needs you to specify the image type manually.
Why does my image not render?
Either the Base64 string is incomplete or corrupted, or the selected image type does not match the actual file format. Try re-copying the full string, or switch the image type dropdown.
Is my Base64 data uploaded anywhere?
No. Decoding happens entirely client-side using the browser's native image rendering — nothing is sent to a server.
Can I use this to extract an image embedded in JSON or an API response?
Yes. Copy just the Base64 value from the payload (with or without the data: prefix) and paste it in — the viewer decodes it the same way.
What image formats are supported?
PNG, JPEG, WebP, GIF, BMP, and SVG. For SVG, paste the Base64-encoded XML markup and select the SVG type.