Base64 Image Previewer

Base64 encoding converts binary image data into ASCII text. A data URI embeds this in a string: data:image/png;base64,iVBORw0KGgo... The browser decodes it and displays the image. Base64 images can be embedded in HTML img tags, CSS background-image, or JSON payloads without separate file requests.

Base64 increases size by ~33%, so it's best for small images. This tool decodes Base64 strings, detects the image format, and shows a live preview with dimensions and file size.

Use this tool when you have a Base64 string from an API, database, or config and need to verify it's a valid image. When debugging, a quick preview confirms the data is correct. When converting images to Base64 for embedding, upload the file to get the data URI and copy it for your code.

Developers often encounter Base64 in JWT payloads, API responses, or email HTML. This tool helps inspect and extract image data from those sources.

The tool supports PNG, JPEG, GIF, WebP, and SVG. For raw Base64 (no data URI prefix), it tries each MIME type until one decodes successfully. SVG is XML-based and may require the data:image/svg+xml;base64,... prefix for correct rendering. BMP, TIFF, and other formats are not supported — convert to PNG or JPEG first.