How do I convert an image to a Base64 data URI?

Drop or pick an image on the img-tools Base64 page to instantly get its Base64 data: URI, then click Copy to paste it into your CSS or HTML. To go the other way, paste a data:image/...;base64,... string into the decode box and click Decode & download to save the file. It is free and runs entirely in your browser using Canvas, so your images are never uploaded.

Are files uploaded to a server?

No. Encoding and decoding both run entirely in your browser; your files never leave your device.

A data: URI embeds a file inline as text (base64), so you can put an image directly in CSS or HTML without a separate request.

When should I inline an image as base64?

For small images (icons, tiny backgrounds) to save a request. Large images are better as normal files — base64 is ~33% larger than the binary.

Can I decode a data URI back to a file?

Yes. Paste the data: URI and click Decode & download; the original bytes are reconstructed locally.

Is encoding or decoding images to Base64 free?

Yes — encoding images to a Base64 data URI or decoding a data URI back to a file is completely free, forever. No account or sign-up is needed and there are no limits on how many files you convert. Your files are never sent to any server; encoding and decoding happen entirely in your browser.

Does it work offline?

Yes. The tool runs locally with browser APIs and needs no server connection.

Image ⇄ Base64 Data URI

This is a free browser-based tool to convert an image to a base64 data: URI (to inline in CSS/HTML) and to decode a data: URI back into a downloadable file. Everything runs on your device; your files are never uploaded.

Encode images to base64 and decode data URIs — free, no upload required.

100% Free — Forever. No fees, ever.
Private: files are processed locally in your browser and never sent to a server.
No upload, no account, no sign-up.

How do I convert an image to a Base64 data URI?: Drop or pick an image on the img-tools Base64 page to instantly get its Base64 data: URI, then click Copy to paste it into your CSS or HTML. To go the other way, paste a data:image/...;base64,... string into the decode box and click Decode & download to save the file. It is free and runs entirely in your browser using Canvas, so your images are never uploaded.
Are files uploaded to a server?: No. Encoding and decoding both run entirely in your browser; your files never leave your device.
What is a data URI?: A data: URI embeds a file inline as text (base64), so you can put an image directly in CSS or HTML without a separate request.
When should I inline an image as base64?: For small images (icons, tiny backgrounds) to save a request. Large images are better as normal files — base64 is ~33% larger than the binary.
Can I decode a data URI back to a file?: Yes. Paste the data: URI and click Decode & download; the original bytes are reconstructed locally.
Is encoding or decoding images to Base64 free?: Yes — encoding images to a Base64 data URI or decoding a data URI back to a file is completely free, forever. No account or sign-up is needed and there are no limits on how many files you convert. Your files are never sent to any server; encoding and decoding happen entirely in your browser.
Does it work offline?: Yes. The tool runs locally with browser APIs and needs no server connection.

🧬 Image ⇄ Base64 Data URI

Image ⇄ Base64 Data URI