"image-rendering: pixelated" indicates that image should be scaled "so that the image appears to be simply composed of very large pixels", e.g. using nearest-neighbour.

Demos

• http://jsfiddle.net/zda24/147/
• https://github.com/GoogleChrome/samples/tree/gh-pages/image-rendering-pixelated

Documentation

• https://dev.opera.com/blog/opera-26/#css-image-rendering-pixelated
• http://updates.html5rocks.com/2015/01/pixelated
• https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering

Specification

Specification link

Status: Specification currently under development in a Working Group

Status in Chromium

Blink components: Blink

Implementation status: Enabled by default

Consensus & Standardization

• Firefox: No signal
• Safari: No signal
• Web Developers: No signals

Owner

• jackhou@chromium.org

Last updated on 2020-11-19