<!DOCTYPE html> | |
<style> | |
img { | |
width: 100px; | |
height: 100px; | |
image-rendering: pixelated; | |
} | |
</style> | |
<body> | |
<!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of solid color, with no blurring of edges --> | |
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII="> | |
</body> |