Image to Base64 Converter

Encode an image as a Base64 data URI to embed inline.

Choose an image

How to use the Image to Base64 Converter

1 Choose an image (under 5 MB works best).
2 Pick the output: raw Base64, a full data URI, a CSS background, or an <img> tag.
3 Copy the result and paste it into your HTML or CSS.

Examples

▸ Inlining a small icon to avoid an extra HTTP request.
▸ Embedding a logo directly inside an email template or CSS file.

Frequently asked questions

When should I inline an image as Base64?

For small images (icons, logos under a few KB) where avoiding an extra request matters. Base64 strings are ~33% larger than the file, so inlining large images hurts page weight and is not recommended.

Is the conversion done in my browser?

Yes. The image is read locally with the FileReader API and never uploaded, so it stays private.

Developer