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.
Default Value:-
Its default value is auto.
Syntax:-
Its syntax is:- image-rendering: auto | smooth | high-quality | crisp-edges | pixelated | initial | inherit;
Further Explanation:-
Value | Description |
---|---|
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. |