Base64 ↔ Image Converter
Encode images to Base64 data URLs for CSS/HTML, or decode Base64 payloads to preview and download — FileReader + canvas, fully local.
100% In-Browser & Private — your data never leaves this device
Loading tool...
How to use the Base64 ↔ Image Converter
- Choose Image → Base64 or Base64 → Image.
- Drop an image to encode, or paste a Base64 / data URL to decode.
- Copy raw Base64, a data URL, CSS, or an HTML <img> snippet.
- Download the decoded image file when inspecting API payloads.
FAQ
- Will large images bloat my CSS?
- Yes — Base64 embeds increase stylesheet size. Prefer small icons or compress first with the Image Compressor.
- Is encoding private?
- Yes. Encoding and decoding use the FileReader and Blob APIs in your browser only.
Related tools
More private, in-browser utilities you might need next.
Looking for more? Browse all developer tools