Image to Base64

Drop an image to get its Base64 data URI and ready-to-paste HTML and CSS code.

Frequently asked questions

When is a data URI a good idea?

For small images such as icons and tiny backgrounds (a few KB): they save a separate request. For larger images a normal file is better, because Base64 is about 33% bigger and cannot be cached on its own.

Does it work with SVG?

Yes. For SVG, a URL-encoded data URI (data:image/svg+xml,…) is usually smaller than Base64; both are shown.

Is my image uploaded?

No. It is read with the browser’s FileReader on your device.