Image to Base64

Convert images to Base64 data URIs. Perfect for embedding images directly in HTML or CSS.

Helpful?

Thanks for your feedback!

You have already rated this tool.

Drag & drop an image here

or click to browse

Include data URI prefix data:image/...;base64,

Wrap lines at 76 characters (for email/MIME)

0 characters ~0 KB

<img src="data:image/png;base64,..." alt="Image">

.element {
    background-image: url('data:image/png;base64,...');
}

const img = new Image();
img.src = 'data:image/png;base64,...';