Image to inline data

Reducing the number of requests required to display a webpage is a good way to speed up your page load. Developers usually discover situations where it is highly appropriate to include images as inline data URIs.

Whether it's a screenshot, icon, family portrait, or just a photo of your cat wearing shoes - converting the image is a piece of cake. Drag 'n' drop your image into the dropzone, and voilà! You'll see the data ready for you to add to your src attribute of an img tag. It also works as a CSS background image!