Skip to content
HandyBrowserTools

Image to Base64

Drop an image to get its Base64 data URI, plus ready-to-paste HTML <img> and CSS background-image snippets. Everything is generated locally.

Private by default: processing stays on your device
Click to choose an image or drag & drop it here Encoded on your device. Never uploaded.
Share this page X LinkedIn Reddit

These buttons share the page link, not your input.

Frequently asked questions

When should I embed images as Base64?

For small images (icons, logos under ~10 KB) where saving an HTTP request matters, such as emails, single-file HTML pages, or CSS sprites. For larger images, a normal file is better because Base64 adds ~33% size overhead.

Why is the Base64 string bigger than my file?

Base64 encodes 3 bytes into 4 characters, so output is about 133% of the original size. The exact sizes are shown after conversion.

Is my image uploaded?

No, the file is read and encoded entirely in your browser.

Base64 Encode / Decode

Free online Base64 encoder and decoder. Unicode-safe, supports URL-safe Base64, and runs 100% in your browser. Nothing is ever uploaded.

Image Compressor

Free image compressor for JPEG, PNG and WebP. Adjust quality and compare file sizes in your browser, with no uploads, so your photos stay private.

Favicon Generator

Generate a favicon.ico plus all standard PNG icon sizes (16-512px) from any image, entirely in your browser. Free, with ready-to-paste HTML.