/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

4 votes307 views1 answer
Rotate an image on hover CSS
Html
0 vote342 views1 answer
React uncontrolled input initial value
Html
0 vote319 views1 answer
Html table cell border not showing
Html
8 votes300 views6 answers
Jumbotron bootstrap
Html
1 vote404 views1 answer
Chrome remove autocomplete highlight
Html
0 vote312 views1 answer
Uncaught error: bootstrap's javascript requires jquery version 1.9.1 or higher, but lower than version 3
Html
0 vote323 views1 answer
Remove blank rows in html vs code
Html
0 vote336 views2 answers
Tailwind hover inner div
Html
1 vote334 views1 answer
Html Contenteditable attribute
Html
11 votes324 views3 answers
How to create input box in html
Html