Convert any image into a base64 string

By using the Data URI scheme you can embed images directly into your HTML and CSS. It works by encoding an image into a base64 string and place it directly withing an HTML image tag or as a CSS background URL. The image below is encoded directly into the HTML on the page. View source to see how it works.

Online image to base64 converter

The online converter outputs an <img> tag and a CSS background property with the correct values from the uploaded image. Just copy and paste the output into your own website.