Image ↔ Base64

Turn any image into a Base64 string (or a full data: URI) and back, right in the browser. Handy for embedding icons in CSS/HTML or inspecting a data URI.

How to use

1. Drop or pick an image to get its Base64 / data-URI representation
2. Toggle «Base64 only» to drop the data: prefix when you need the raw string
3. To decode, switch tabs and paste Base64 or a full data URI — a preview appears
4. Copy the string or download the decoded image

Frequently asked questions

Are my images uploaded anywhere?

No. Encoding and decoding happen entirely in your browser via FileReader — the image never leaves your device.

When should I inline an image as Base64?

For tiny, rarely-changing assets (icons, small backgrounds) to save a request. Large images are better served as normal files — Base64 is ~33% bigger.

Which formats work?

Any image the browser can read: PNG, JPEG, WebP, GIF, SVG. The data URI keeps the original MIME type.