"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

Working draft or equivalent

Status in Chromium

Blink components: Blink

Enabled by default in:

• Chrome for desktop release 41
• Chrome for Android release 41

Consensus & Standardization

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

Owner

• jackhou@chromium.org

Last updated on 2020-11-19