title: image-rendering "crisp-edges" vs. "pixelated"
body: <p>According to <a href="https://developer.mozilla.org/en/docs/Web/CSS/image-rendering">MDN</a> the currently proposed values for the CSS <code>image-rendering</code> property are <code>auto</code>, <code>crisp-edges</code> and <code>pixelated</code>. But I can't see the difference between <code>crisp-edges</code> and <code>pixelated</code> since both are supposed to just scale up the pixels and not interpolate anything.</p>
  
  <p>So where <em>is</em> the difference?</p>