Free · Instant · 100% In Browser

Image to Base64 Converter

Convert images to Base64 encoded strings, Data URLs, HTML img tags, CSS backgrounds, Markdown and JSON. Also decode Base64 back to images. Supports batch conversion. No server your images never leave your device.

PNG · JPG · GIF · WebP · SVG · BMPBatch ConvertData URLHTML / CSS / MarkdownDecode Base64No Upload

Advertisement 728x90

🖼️

Drop images here or click to browse

PNG, JPG, GIF, WebP, SVG, BMP, ICO, AVIF up to 10 MB each

Choose Images

Output Format Guide

Data URL

Use anywhere an image src or url() is accepted

data:image/png;base64,ABC123...

Base64 Only

For API payloads, storage, manual processing

iVBORw0KGgoAAAANSUhEUgAA...

HTML <img>

Embed image directly in HTML without external file

<img src="data:..." alt="x" />

CSS Background

Inline background images in CSS stylesheets

background-image: url('data:...');

Markdown

Embed images in .md files, GitHub README, wikis

![alt text](data:image/png;...)

JSON

Include images in REST API requests or config files

{"image": "data:image/png;..."}

Advertisement 728x90

Related Tools

Free tools that work great alongside the Image to Base64 converter.

🔄

Base64 Encoder

Encode or decode any text/data as Base64 strings

{ }

JSON Formatter

Format and validate JSON data structures

🎨

Color Picker

Pick colors from images and generate palettes

✨

Code Formatter

Format and beautify HTML, CSS, JS and JSON code

Free Image to Base64 Converter Online

TOOLBeans Image to Base64 converter transforms any image file PNG, JPG, GIF, WebP, SVG, BMP, ICO or AVIF into a Base64-encoded string entirely in your browser. Your images are never uploaded to any server, making this the safest and fastest option available.

Choose from six output formats: raw Data URL for direct use in HTML or CSS, Base64-only string for API payloads, HTML img tag with optional alt text and class, CSS background-image property, Markdown image syntax for README files, or a JSON object field. Batch convert multiple images at once and download all results.

The built-in Base64 decoder reverses the process paste any Base64 string or Data URL and instantly preview the decoded image with a one-click download button. Useful for debugging API responses, inspecting embedded images from HTML source, or recovering images from JSON payloads.