Base64-encoded images show up in CSS data URIs, API responses, and embedded HTML. This tool converts an image file into that Base64 text, or decodes an existing Base64 string back into a real downloadable image, entirely in your browser.
How to use the image to base64 tool
- 1
Pick a direction
Image → Base64, or Base64 → Image.
- 2
Upload or paste
Drop in an image file, or paste a Base64/data URI string.
- 3
Copy or download
Copy the Base64 text, or download the decoded image.
Common use cases
Embed a small image inline
Get a data URI to embed a small icon or logo directly inside CSS or HTML, avoiding an extra file request.
Debug an API payload
Decode a Base64 image field from an API response to see what it actually contains.
Extract an image from a data URI
Turn a data:image/... string back into a real, downloadable file.
Frequently asked questions
A way to embed a file's data directly inside a string, prefixed with something like data:image/png;base64, followed by the Base64-encoded bytes — usable directly as an <img> src or a CSS background-image.