How much overhead does Base64 add?

About 33%. A 100KB image becomes a ~133KB Base64 string.

Can I include the data URI prefix?

Yes. Toggle "include `data:image/...` prefix" to get a drop-in CSS-ready value.

Image to Base64

Upload an image and receive a Base64-encoded data URI ready to embed in CSS or HTML. Supports PNG, JPEG, GIF, WebP, and SVG.

Runs locally in your browser

Drop an image here

PNG, JPEG, GIF, WebP, SVG — or paste from clipboard

Select file

Base64 Encode / Decode

Encode text or files to Base64 and decode them back.

SVG Optimizer

Remove unused metadata and shrink SVG file size.

QR Code Generator

Turn any text or URL into a downloadable QR code.

About Image to Base64

Upload an image and receive a Base64-encoded data URI ready to embed in CSS or HTML. Supports PNG, JPEG, GIF, WebP, and SVG.

Image to Base64 is part of FizzKit — a collection of focused, browser-based tools. Because everything runs locally, it works offline once loaded and never exposes your data to a remote server.

Frequently asked questions

For very small images used in CSS or when you want to avoid an extra HTTP request. Large images should be referenced as separate files.

Related tools