Image to Data URI Converter

View in Fullscreen Mode

How to Use this Data URI Converter Tool?

You can either upload the image from your computer or paste any image URL and hit Enter key. The Data URI will now appear below. You can click on Copy button to copy Data URI.

How to use Using Data URI in HTML or CSS

It works as an image source. For example, <img src=”paste data URI here” alt=”image”>. You can utilize the same way in CSS. Just paste the data URI where you put the image URL.