Skip to content
Handy Browser Tools

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
YOUR IMAGE

Start with your image

Drop your image here or browse files 8 MB OR SMALLER

Your image stays on your device.

Image, as text.

A data URI, an <img> tag, and a CSS rule — ready to paste.

Good to know

Base64 is ~37% larger than the file. Only embed small images; link larger ones normally. Files over 8 MB are refused — Image Compressor can slim them down first.

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.

Favicon Generator

Generate a favicon.ico plus all standard PNG icon sizes (16-512px) in your browser, then download the whole pack as one ZIP.