CSS Click Chart

Image Rendering

Provides a hint to the browser about what aspects of an image are most important to preserve when the image is scaled, to help the browser optimize its scaling algorithm.


Image Processing on W3C

Example Code

Live Demonstration

Original image, scaled-up pixelated, and crisp edges.

Browser Support

Can I Use css-crisp-edges? Data on support for the image-rendering feature across the major browsers from caniuse.com.

Tools / Polyfills

Tutorials / Articles