css.properties

image-rendering

The image-rendering property specifies how to render images.

Formal Syntax

auto | smooth | high-quality | pixelated | crisp-edges

See specification

JavaScript Access

// Access via element.style
element.style.imageRendering = 'auto';

Browser Support

standard | MDN · Spec · Spec

FeatureChromeFirefoxSafariEdge
image-rendering133.6679
auto133.6679
crisp-edges1365779
optimizeQuality3.67
optimizeSpeed3.67
pixelated41931079
smooth93

Related Properties