Base64 to image converter

Base64 encodes binary image data as a text string. You encounter Base64-encoded images in CSS source code (background-image: url(data:...)), HTML <img> tags, API responses (OpenAI Vision, Google Cloud Vision), JSON/XML files, email templates, and Outlook signatures. This converter decodes them back to viewable images.

Decoding Base64 is essential for debugging frontend code, analyzing email templates, working with APIs that return images as Base64, and recovering images from configuration files or databases.

The converter auto-detects the MIME type from the data URI prefix (e.g., data:image/png;base64,) and displays a preview. It supports JPG, PNG, WebP, GIF, SVG, and BMP formats. Raw Base64 strings without prefixes are also handled — the converter attempts to detect the format automatically.

All processing happens locally in your browser — nothing is sent to any server. No registration, no limits, no tracking.

Base64 decoding is the reverse of Base64 encoding — it converts a text string back into binary image data. The converter reads the Base64 string (with or without the data URI prefix), decodes it into raw bytes, and reconstructs the original image file.

The data URI prefix (e.g., data:image/png;base64,) tells the converter which image format to use. If the prefix is missing, the converter detects the format automatically from the binary signature (magic bytes) of the decoded data.

This tool is useful when you need to extract an image from an HTML page, CSS file, API response, or database that stores images as Base64 strings. The decoded image can be saved as PNG, JPG, or any other standard format. The conversion runs entirely in your browser — no data is sent to any server.