Base64 Encoder / Decoder

Turn an image into a data-URI you can paste straight into HTML or CSS, encode or decode text, or decode a Base64 string back into a file. Everything runs on your own machine — paste a sensitive token or an internal image without it ever leaving your computer.

Encode an image as a data-URI

Drop an image here

or click to browse — PNG, JPG, GIF, WEBP, SVG, ICO…

Output as

Data-URI CSS background HTML <img>

Result

Copy Clear

A data-URI embeds the image directly in your code, so the browser doesn't fetch a separate file. Best for small images — large ones bloat the markup and Base64 adds about a third to the byte size.

Decode Base64 back into a file

Paste a Base64 string or a full data-URI

Decode Clear

Save file

If the string is a data-URI, the file type comes from its header. A bare Base64 string with no header is decoded as raw bytes and saved as .bin unless it's recognizably an image.