optimize-contrast-image.html | Explore in Territory

<!DOCTYPE html> 
<style> 
	img {
		display: block;
		position: fixed;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		border: none;
		width: 100px;
		height: 100px;
		margin: 0px;
		padding: 0px;
		image-rendering: -webkit-optimize-contrast;
	}
</style> 
<body> 
    <!-- The resulting image should be 100x100, consisting of 4 50x50 blocks of solid color, with no blurring of edges -->
	<image style="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQIHWP4z8DwHwyBNJDN8B8AQNEG+t5Ik2kAAAAASUVORK5CYII="></img> 
</body>

chromium/third_party/blink/web_tests/images/optimize-contrast-image.html