![Umar Hansa](https://web.dev/images/authors/umarhansa.jpg) Umar Hansa [X](https://twitter.com/umaar) [Homepage](https://umaar.com/)

<br />

![DevTools - Copy image as data URI.](https://developer.chrome.com/static/blog/copy-image-as-data-uri/image/devtools-copy-image-da-0a1ee8fc9e676.gif)

Right click on an image preview within the Resources Panel to copy it as a Data URI (base 64 encoded).