«   Previous tip Next tip   »

Chrome DevTools: Copy image as a base 64 encoded data URI

Last updated: 3rd July 2020
Copy image as a base 64 encoded data URI

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

As a bonus tip, you can base 64 encode an image from the terminal also, without DevTools.

$ openssl base64 -in <infile> -out <outfile>

You can learn more in this StackOverflow answer.

«   Previous tip Next tip   »

Sign up to receive a developer tip, in the form of a gif, in your inbox each week