CSS Imagerendering Property

The image-rendering property sets an image scaling algorithm.

By default, each browser will apply to aliasing to the scaled image to prevent distortion, but a problem can arise if you want to keep the original pixelated form of the image.

Sometimes, you can combine the crisp-edges a pixelated values of the image-rendering property, for providing them some fallback for each other.

Initial Value auto Applies to All elements. Inherited Yes. Animatable Discrete. Version CSS3 DOM Syntax object.style.imageRendering = “pixelated”; Syntax
image-rendering: auto | crisp-edges | pixelated | initial | inherit;

Example of the image-rendering property:
html>