Generate data: URIs from images, or recover an image from a Base64 string.
100% in your browser · no uploads · no ad trackers
About Image ↔ Base64
Image ↔ Base64 converts images to data URIs you can paste straight into HTML, CSS, or JSON, and decodes Base64 strings back into downloadable images. Useful for embedding small icons inline, debugging API payloads, or recovering an image from a copied data URL.
Drop images to load
Files are processed in your browser
Drop an image to encode
Encoded output
No output yet.
How to use
1.Drop image to encode, or paste Base64 to decode.
2.Copy result or download image.
FAQ
Should I inline large images as data URIs?
Generally no - Base64 inflates size by ~33% and bloats your HTML/CSS. It's most useful for small icons or one-off embedded assets.
What format does the output use?
A standard `data:image/<type>;base64,…` URI you can paste into `src` attributes, CSS `url()`, or JSON fields.
Is Image Base64 free?
Yes. Every tool on docsntools is 100% free with no signup, no watermarks, and no upload limits.
Are my files uploaded to a server?
No. All processing happens entirely in your browser. Your files never leave your device.
Does it work on mobile?
Yes - every tool is responsive and works in modern mobile browsers (Chrome, Safari, Firefox).