CSS image rendering Property
CSS image-rendering Property
The image-rendering property is used to specify the type of algorithm to be used for image scaling. It does not work if the images are not scaled.
Its default value is auto.
Its syntax is:- image-rendering: auto | smooth | high-quality | crisp-edges | pixelated | initial | inherit;
|auto||Allow browser choose the scaling algorithm.|
|smooth||Use an algorithm that smooth out the colors in the image|
|high-quality||Same as smooth, but with a preference for higher-quality scaling|
|crisp-edges||Use an algorithm that will preserve the contrast and edges in the image|
|pixelated||If the image is scaled up, the nearest-neighbor algorithm is used, so the image will appear as being composed of large pixels. If the image is scaled down, it will be the same as auto|
|initial||Sets this property to its default value.|
|inherit||Inherits this property from its parent element.|