Base64 to Image (and Image to Base64)

Decode Base64 to an image preview, or encode an image to a data URI.

Everything runs in your browser — images are never uploaded. Base64 data URIs let you embed small images directly in HTML/CSS without a separate file. Runs in your browser.

Paste a Base64 string or data URI to instantly preview the image and download it, or switch modes to pick an image file and get its Base64 data URI for embedding in HTML or CSS. Image type is auto-detected from the data. Everything happens in your browser — your images are never uploaded to a server.

How to use the Base64 to Image

  1. Choose Base64 → Image or Image → Base64.
  2. Paste the Base64/data URI, or pick an image file.
  3. Preview, then download the image or copy the data URI.

Frequently asked questions

Are my images uploaded anywhere?

No. Decoding and encoding run entirely in your browser, so your images never leave your device — safe for private or sensitive files.

What is a data URI?

A data URI embeds the file directly in a string like data:image/png;base64,…. It lets you inline small images in HTML or CSS without a separate request.

Should I inline large images as Base64?

No. Base64 adds about 33% size and isn't cached separately, so it's best for tiny icons. Use normal image files for anything larger.