The Data URI Generator will produce base64 encoded data from an image file. This data can then be used in your CSS files which saves the browser from having to make additional HTTP requests for the external resources, and can therefore increase page loading speed. Keep in mind that base64 encoding will make the image file larger by approx 30%, however, because CSS files are cached by the browser, it might still be faster than loading images each time you visit a new page on your website.

This generator works in IE 10+ and the latest versions of Chrome and Firefox.

You can either drag and drop multiple files into the box below, or select files here:

Drop Image(s) Here