Make preview image more pixelated

[nonetrix]

As it is the preview image doesn't use nearest neighbor scaling so it looks blurry like this

When in fact the result is much better when viewed with nearest neighbor

This can be easily done with some simple CSS

img {
  image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}

reference: https://css-tricks.com/keep-pixelated-images-pixelated-as-they-scale/