/Html/How to display Base64 images in HTML?

How to display Base64 images in HTML?

Base64 image in html

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4
  //8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />

Source: w3docs.com

How to display Base64 images in HTML?

<div>
  <p>Taken from wikpedia</p>
  <img src="data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAUA
    AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
        9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>

Source: stackoverflow.com

Similar codes

8 votes91 views2 answers
Flutter Html text color
Html
0 vote116 views1 answer
2a03:4000:30:def::10:3645
Html
28 votes102 views5 answers
Put html in iframe
Html
1 vote101 views1 answer
Html table column spacing mdn
Html
0 vote99 views1 answer
Lit element double click
Html
3 votes108 views1 answer
Nuxt select option v-for
Html
4 votes89 views1 answer
Circlular waiting icon bootstrap
Html
2 votes111 views2 answers
Image preview for website
Html
23 votes107 views5 answers
Meta description tag in html
Html
2 votes98 views3 answers
Emoji icon html
Html