| <!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> | |
| <script> | |
| // Ignore the render tree. | |
| if (window.testRunner) | |
| testRunner.dumpAsTextWithPixelResults(); | |
| </script> |