Embed the base64-encoded image in HTML

March 21, 2017 - HTML

Add image as base64 encoded

<img src="data:image/png;base64,___iVBORw0KGgoAAAANSUhEU___">

Embedded Image

Get the encoded image

Right Click on image > Inspect Element > Network tab (Select all or Images and Reload if necessary) > Right click the image > Copy Image as Data URI

Console Base64 image

HTML example

Tags: , ,