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”:


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


Copy image as Data URI:


Leave a Reply

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