How to display Base64 images in HTML

My suspect is of course the actual Base64 data. Otherwise it looks good to me. See this fiddle where a similar scheme is working. You may try specifying the character set.

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

Expand snippet

You can try this Base64 decoder to see if your Base64 data is correct or not.

Related Posts:

  1. Embed image in a
  2. Image is not showing in browser?
  3. forbidden 403 on image URLS
  4. Is element block level or inline level?
  5. How do I auto-resize an image to fit a ‘div’ container?
  6. CSS Display an Image Resized and Cropped
  7. How to place a text next to the picture?
  8. How to put a text beside the image?
  9. CSS: Moving the text down a few pixels but keeping the background still?
  10. Bootstrap 4 images thumbnail classes
  11. CSS: Moving the text down a few pixels but keeping the background still?
  12. Rotate an image in image source in html
  13. CSS Background image not loading
  14. How to “crop” a rectangular image into a square with CSS?
  15. CSS centred header image
  16. How to display image with JavaScript?
  17. Resize image with javascript canvas (smoothly)
  18. Wrap text around bootstrap image
  19. JavaScript: Get image dimensions
  20. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  21. How to add image that is on my computer to a site in css or html?
  22. Vertical align not working on inline-block
  23. Making an image act like a button
  24. Display text on MouseOver for image in html
  25. HTML5 Canvas Rotate Image
  26. HTML tag is not working
  27. Tooltip on image
  28. Display text on MouseOver for image in html
  29. How to make a monopoly board using css grid?
  30. Redirect from an HTML page
  31. How to horizontally center an element
  32. Android WebView err_unknown_url_scheme
  33. Why does z-index not work?
  34. Is it possible to write data to file using only JavaScript?
  35. Is it possible to write data to file using only JavaScript?
  36. XPath //div[contains(text(), ‘string’)] fails to select divs containing ‘string’
  37. Two divs side by side – Fluid display
  38. Proper way to make HTML nested list?
  39. mailto using javascript
  40. Mailto using Javascript?
  41. Can I set subject/content of email using mailto:?
  42. How do I set a background-color for the width of text, not the width of the entire element, using CSS?
  43. text-overflow: ellipsis not working
  44. How to save user input into a variable in HTML and JavaScript
  45. Why is there an unexplainable gap between these inline-block div elements?
  46. How to make JavaScript execute after page load?
  47. How to draw a dotted line with css?
  48. Function not defined javascript
  49. Navigate to an anchor on another page
  50. What is gZip compression?
  51. How to stick text to the bottom of the page?
  52. How to make blinking/flashing text with CSS 3
  53. Why doesn’t height: 100% work to expand divs to the screen height?
  54. How can I position my div at the bottom of its container?
  55. Why doesn’t height: 100% work to expand divs to the screen height?
  56. How can I position my div at the bottom of its container?
  57. AppendChild() is not a function javascript
  58. How to overlay one div over another div
  59. Input Type URL – Says “Please enter a URL” if HTTP is not included
  60. Place input box at the center of div
  61. Table scroll with HTML and CSS
  62. Set cellpadding and cellspacing in CSS?
  63. Absolute position is not working
  64. Position absolute but relative to parent
  65. How do you specify table padding in CSS? ( table, not cell padding )
  66. Two Divs next to each other, that then stack with responsive change
  67. link not working
  68. Generating a Random Number for HTML
  69. HTML Links are not working
  70. How to extract svg as file from web page
  71. Is it possible to use css to shrink text to automatically fit the size of the div
  72. How can I align text directly beneath an image?
  73. HTML vs SHTML vs PHTML
  74. Change background color of iframe issue
  75. jQuery find element by data attribute value
  76. Keep HTML format when switching from Visual to HTML editor
  77. Get entire page content (generated HTML in browser)
  78. Can I force WordPress to use instead of ?
  79. Will my WordPress site become vulnerable to Cross-Site Scripting (XSS) if I allow img tags in the comments area?
  80. Add HTML to single post tag
  81. WordPress “Page not found error” when I edit a page
  82. How do I put a wordpress blog into my html site?
  83. New to CMS – WP functionality. overkill or just right?
  84. how add custom tag/tool in classic editor?
  85. Allow HTML in Settings API input field
  86. Create custom markup to use in posts?
  87. Widget Text Needs to be White [closed]
  88. Adding HTML to posts with certain tags?
  89. Adding to the WYSIWYG
  90. How to remove auto generated markup? [closed]
  91. Is there a common structure for a wordpress formular?
  92. a generated wordpress page from a form that is inputted by user [closed]
  93. creates an unnecessary space in content?
  94. Echo outside HTML
  95. Add html plugin into wordpress
  96. Query WordPress Database and Post HTML Table
  97. theme or plugin or server is outputting html before the init hook fires, how is it possible to prevent this
  98. How to Know If I’ve Correctly Inserted Alt Attributes Into HTML
  99. WordPress HTML editor panel is not showing HTML elements
  100. How to hide unwanted HTML Comment like in website [duplicate]

Leave a Comment

deneme bonusu veren sitelerbahis casinomakrobetceltabetpinbahispolobetpolobet girişpinbahis girişmakrobet girişpulibet girişmobilbahis girişkolaybet giriş