Base64 Image Viewer / Decoder
Paste a base64 data URL (the long data:image/png;base64,iVBORw0KGgo… string) and see the decoded image, its dimensions, and file size. Save to disk as PNG, JPG, or WebP. Useful for debugging email image attachments, inspecting inline CSS background images, or extracting images embedded in SVG / HTML source.
How to use the Base64 Image Viewer / Decoder
Paste a base64 image. The decoder accepts: full data:image/...;base64,XXX data URLs, raw base64 without the prefix (it tries to detect the format from the bytes), or whitespace-padded base64 (it strips whitespace before decoding). Once decoded, you see a preview, format, dimensions, and file size, with buttons to save in any common image format.
About Base64 Image Viewer / Decoder
Base64 data URLs let you embed image bytes directly inside HTML, CSS, JSON, or any other text-only context. They're common in: HTML emails (where external image loading is often blocked), inline SVG backgrounds, JSON-based APIs that return images, and code snippets that need a self-contained example. The cost is bloat — base64 adds 33% overhead and prevents browser caching — so they're best reserved for small icons and one-off use cases.
This viewer is the reverse operation: given a data URL, see what it actually contains. Useful for spot-checking an inlined image, recovering an image from a debugged HTTP request, or converting a data URL back to a file for further editing.
Common use cases
- HTML email debugging — see what the embedded images actually look like.
- CSS background extraction — pull an inlined
url("data:...")background out to a file. - API response inspection — view image data returned from an API without writing decode code.
- SVG embedded image recovery — extract raster images embedded inside SVG.