Monitoring
Solutions
Resources
Free Tools
Pricing
Free Tools / Converters / Data URI to Image Converter

Data URI to Image Converter

Paste a data URI — or just the Base64 part — and see the image inside it. You get its format, dimensions and size, and a button to save it as a file.

Decoded image

Runs entirely in your browser — nothing you enter here is sent to a server.

Reading an image out of a string

Data URIs turn up wherever a file had to be squeezed into text: an src attribute in an HTML email, a background-image in a stylesheet, a field in an API response, a row in a database, a line in a log. In that form the image is an unreadable run of letters and digits. Pasting it here turns it back into something you can look at — and save, if you need the file.

A data URI has four parts: the scheme data:, a media type such as image/png, the marker ;base64, and after a comma the content itself. The decoder accepts the whole URI, a CSS url(…) wrapper, or the bare Base64 with nothing in front.

Format detection

If the media type is missing, the first characters give it away: iVBORw0KGgo is PNG, /9j/ JPEG, R0lGOD GIF, UklGR WebP, PHN2Zy SVG.

Real size

The decoded size in bytes is about three quarters of the Base64 length — useful when deciding whether an inlined image should be a file instead.

URL-safe Base64

Strings using - and _ in place of + and /, as found in JWTs and some APIs, are accepted and converted.

Truncated data

Logs and database columns often cut long values. If the image shows only its top part or fails to load, the string is probably incomplete.

Typical uses

Debugging is the main one: checking what an API actually returned in an avatar field, finding out which icon a minified stylesheet embeds, or confirming that an image stored as text in a database is intact. The other is extraction — recovering a logo or a signature image from an HTML email or an exported document when the original file is no longer around.

Frequently asked questions

How do I convert Base64 to an image?

Paste the Base64 string, with or without the data:image/…;base64, prefix. The image is shown immediately, and "Download image" saves it with the right file extension.

How can I tell what kind of image a Base64 string is?

From its first characters. PNG starts with iVBORw0KGgo, JPEG with /9j/, GIF with R0lGOD, WebP with UklGR and SVG usually with PHN2Zy. The decoder recognises these automatically.

Why does my image not display?

The string is most often truncated, wrapped in quotes or other text, or not an image at all. The error message says which check failed.

Is the data sent anywhere?

No. Decoding happens in your browser; nothing is uploaded or stored.

Related free tools

A calculator answers once. Monitoring answers every minute.

Upzilla checks your sites, servers and APIs around the clock and alerts you the moment something breaks. 10 monitors free, no card required.

Start monitoring free →