AboutProjectsToolsNotesUses

Image to Base64

Convert images to Base64 data URIs for inline embedding.

Drop an image and get its Base64 data URI, ready to paste into HTML <img src>, CSS background-image, or a JSON field. Works for PNG, JPG, GIF, WebP, SVG, AVIF, and BMP, anything your browser can read.

Common use cases: inlining tiny icons to save a network request, embedding images in email templates, packing small assets into a single HTML file for a one-page prototype, and including images in JSON payloads sent to APIs that don't accept multipart uploads.

Upload Image

Base64

Upload an image to convert

Frequently asked questions

What's a "data URI" and when should I use one?
A data URI embeds the image bytes directly in the HTML/CSS as a Base64 string, no separate network request needed. Best for tiny icons, single-use background images, and email templates where external images get blocked. For anything more than a few KB, a regular file reference loads faster.
Does the file get uploaded anywhere?
No. The image is read locally via the browser's FileReader API and encoded in memory. Nothing is uploaded, safe for sensitive screenshots and internal assets.
Why is the Base64 string ~33% larger than the file?
Base64 encodes 3 binary bytes as 4 ASCII characters, so the encoded size is always ~133% of the original. Gzip compression reclaims most of that when the response is compressed, but the in-memory and on-disk cost of the encoded form is still larger.
Which formats are supported?
Anything the browser can read: PNG, JPG, JPEG, GIF, WebP, SVG, AVIF, and BMP. The encoded output works wherever data URIs do, <img src>, CSS background-image, inline email, JSON payloads.

Other Converters

View all tools →

Roman Numeral Converter

Convert between numbers and Roman numerals

Ⅻ

Temperature Converter

Convert between Celsius, Fahrenheit, and Kelvin

°

Base Converter

Convert numbers between different bases (binary, octal, hex, etc.)

∑

Color Converter

Convert colors between HEX, RGB, HSL, and more formats

◆

JSON to TypeScript

Convert JSON to TypeScript type definitions

{}

JSON to Rust

Convert JSON to Rust struct definitions

{}

CSS Unit Converter

Convert between CSS units (px, em, rem, %, pt)

CSS

Text Case Converter

Convert text between different cases (camelCase, snake_case, etc.)

Aa

Unix Time Converter

Convert between Unix timestamps and readable dates

time

Timezone Converter

Convert times between timezones worldwide for meetings and global coordination

◆

JSON to CSV

Convert JSON arrays to CSV format for spreadsheets and data export

⇄

CSV to JSON

Convert CSV data to JSON format for APIs and applications

⇄