JAEN

Image Base64 Encoder / Decoder

Convert an image to a Base64 (Data URI) string, or decode a Base64 string back into an image.

Input data is processed in your browser
Data is never sent to a server

Tool

Drag & drop an image file here

Images are processed entirely in your browser and never sent to a server.

What is the Image Base64 Encoder / Decoder?

This tool converts an image file into a Base64 string (Data URI), or decodes a Base64 string back into an image. A Data URI lets you embed image data directly inside HTML or CSS without hosting a separate image file.

Keep in mind that Base64 encoding increases the file size by roughly 33% compared to the original. This makes it best suited for small images like icons, rather than large photos.

Use Cases

  • Embed a small image (like an icon) directly into HTML or CSS
  • Preview a Base64 image returned from an API response
  • Inline an image into an HTML email template

How to Use

  1. On the "Encode" tab, select an image file or drag and drop it into the drop zone.
  2. Choose whether to include the Data URI prefix, then copy the Base64 string.
  3. On the "Decode" tab, paste a Base64 string or Data URI.
  4. Click "Convert to image" to see a preview.
  5. Click "Download" to save it as an image file.

FAQ

Is this tool free?

Yes, it is completely free to use.

Is my image sent to a server?

No. All processing happens in your browser. Images are never uploaded to a server.

What is a Data URI?

A Data URI, like "data:image/png;base64,...", lets you embed image data directly as a string inside HTML or CSS.

Which image formats are supported?

PNG, JPEG, WebP, GIF, SVG, and other common formats that browsers can display are all supported.

More Tools in This Category

JavaScript

Minify, format, and convert JavaScript files.

Code Generation

Auto-generate type definitions, boilerplate, and more from data.