Convert image to data URI in Chrome DevTools

You can convert an image to a data URI directly from within the DevTools.

This can be done in several places inside the DevTools.

One example:

  • Right click an image in the page en choose “Inspect”:

image

Right click url in Styles tab and choose: “Open link in Application panel”:

image

Copy image as Data URI:

image

Leave a Reply

Your email address will not be published. Required fields are marked *