Image-rendering css

he image-rendering property specifies the type of algorithm to be used for image scaling.

Note: This property has no effect on images that are not scaled.

Image rendering Values:

Auto
The scaling algorithm is UA dependent.

Smooth
The image should be scaled with an algorithm that maximizes the appearance of the image. In particular, scaling algorithms that “smooth” colors are acceptable, such as bilinear interpolation. This is intended for images such as photos.

High-quality
Identical to smooth, but with a preference for higher-quality scaling. If system resources are constrained, images with high-quality should be prioritized over those with any other value, when considering which images to degrade the quality of and to what degree.

Crisp-edges
TThe image is scaled with the nearest-neighbor algorithm.he scaling algorithm is UA dependent.

Pixelated
Using the nearest-neighbor algorithm, the image is scaled up to the next integer multiple that is greater than or equal to its original size, then scaled down to the target size, as for smooth. When scaling up to integer multiples of the original size, this will have the same effect as crisp-edges.

Leave a comment

Your email address will not be published. Required fields are marked *