Encode images to Base64 data URIs — and decode them back
Our Image to Base64 converter turns any picture into a text-based data URI you can drop straight into HTML or CSS, and it works in reverse too, decoding a Base64 string back into a downloadable image. Encoding uses the browser's FileReader and decoding uses an in-page image element, so the whole process is local — no image or string is ever sent to a server, keeping proprietary icons and assets private.
A Base64 data URI embeds the image directly in your code with a prefix like data:image/png;base64 followed by the encoded bytes. That removes a separate network request, which is handy for tiny icons, loading spinners, and HTML email templates where external files are unreliable or blocked. With a single toggle you can wrap the output as a ready-to-paste CSS background-image declaration, and a copy button places the whole string on your clipboard.
The decode side is just as practical for developers and designers who receive Base64 strings in code, JSON payloads, or design handoffs and need to see or save the actual image. Paste a full data URI or even a raw Base64 blob, and the tool previews the picture instantly and lets you download it with the correct file extension. Live size readouts show both the original and encoded sizes so you can judge whether inlining is worth the roughly 33% size increase Base64 adds.