CSS image-rendering

Previous Next

Demo of the different values of the image-rendering property.

Click the property values below to see the result:

image-rendering: auto;
image-rendering: pixelated;
image-rendering: smooth;
image-rendering: crisp-edges;
image-rendering: high-quality;
Smiley
Smiley
Smiley
Smiley
Smiley

Play more with the code in our Tryit yourself editor: Try it Yourself ❯