An example

by Gwyn Milcote

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Games/Techniques/Crisp_pixel_art_look -->

<img class='cat' src='https://mdn.mozillademos.org/files/12640/cat.png'>
<p>

<div class='cat' style='background-image:url(https://mdn.mozillademos.org/files/12640/cat.png);background-size:100% 100%;'></div></p>

CSS

.cat {  
  width: 512px;
  height: 512px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}