css.properties

image-rendering

The image-rendering property specifies how to render images.

Formal Syntax

image-rendering = 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