IE 11 not displaying embedded base 64 images
<p>I have exported a docx file through Libre Office into XHTML and it encodes the images in base 64:</p>

<pre><code>&lt;img style="height:0.647cm;width:0.743cm;" alt="" src="data:image/*;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAYCAIAAABm/grVAAAAA3NCSVQFBgUzC42AAAAAAXNSR0IArs4c6QAAAkpJREFUSEvllTFoU0EYx7/KG+5BhnvQ4QV0CERohEJfJi042M2MFZcGB6kOEjpIstlJikNtnKKdSgdJB4duqYM0Y1IIJIXKyxDxFVp4DwzcDQ/uAwPnJa/UmJwmSBfxho/jeN/v/b/v/x03I6WEq17XrhrY5/3n0BmtUdWjIBDEDdAkRCBaBvGREcNEFJYBDBEMgogpComElbltjxijh779yMGglglMoGUSJuB3e37afvE0NQLVG+Vz5CF3zwIMUcU/7D2OmvlR5Y+vrX0mvw+OJ8Xcm+Z4uqGdUxaqrgH04DK2jlpE9bGHUaTQNr0KmV3M030434Drd37h6JV+YFLI3Ka/8vLr6qav9m7D/fklq7FqXnZqUgjZOXTfrYxA9EqV18qo0pp9qVSpu9DC69Ct0vkH/EuNgoCYZc0mpjLK6k/PgBIFRGfBgRAgqGO3AsllwDKNMa++533ase+vTwVlKKLeRUoJkNZxy/u8B7xCktl+Ewmq0zgRxY4DMTIVNNJY2ObZ196T7aDvGGtapAlzEdECbvN6G5wC643WrlL1PVX1IuDWY9VTVHqD0wNqtOnCKpwXgZjQpbzRpg93ENW9qo7Pj3746UXtqDSykwPh10wjjcfr/dvZtRWR3N3oEwcTNg7VX9Pi+xYLSRAiIZDBQuZ5JdjN+mc1uJFGDmW2zCChilHE9LyVf+SMcrVzOnxYeubIRkmelN1XS4drKfmNTUzRKx3+c3YpvpSM37oZt+cWE/dyEKMTH4vJ0ImIaY36C9Bwyr/zRv0AJXP6SKxkbXEAAAAASUVORK5CYII="/&gt;
</code></pre>

<p>Here is the corresponding <a href="https://jsfiddle.net/icc97/7ou5gju1/" rel="nofollow noreferrer">JSFiddle</a>.</p>

<p>Things I've tried:</p>

<ol>
<li><strong>The image isn't corrupt.</strong> This displays the image fine in Firefox and Chrome but not in IE 11. </li>
<li><strong>The image is less than 32 KB.</strong> I've read similar <a href="https://stackoverflow.com/questions/10159500/internet-explorer-and-base64-image-display">questions</a> on IE not displaying these images, but there the problem is over 32 KB, and the images I'm using are 1 KB. Plus there is a <a href="http://caniuse.com/#feat=datauri" rel="nofollow noreferrer">4 GB limit for IE 11</a> so it's not that.</li>
<li>Setting <code>height</code> and <code>width</code> attributes explicitly made no difference.</li>
</ol>