CSS image-rendering అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

image-rendering చిత్రం స్కేలింగ్ కు ఉపయోగించే విధానాన్ని లక్షణం నిర్దేశిస్తుంది.

గమనిక:ఈ లక్షణం చిక్కగా చూపించబడని చిత్రానికి అపరిణామం.

ప్రతిసాధన

చిత్రం స్కేలింగ్ కు వివిధ విధానాలను ప్రదర్శిస్తుంది:

.image {
  height: 100px;
  width: 100px;
  image-rendering: auto;
}
.crisp-edges {
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}
.pixelated {
  image-rendering: pixelated;
}
.smooth {
  image-rendering: smooth;
}
.high-quality {
  image-rendering: high-quality;
}

స్వయంగా ప్రయత్నించండి

CSS సంకేతాలు

image-rendering: auto|smooth|high-quality|crisp-edges|pixelated|initial|inherit;

లక్షణాన్ని విలువ కలిగించండి

సాంకేతిక వివరాలు

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను ప్రతినిధీకరిస్తాయి.

Chrome, Edge మరియు Opera -webkit-optimize-contrast విలువ అనేది crisp-edges విలువ అనేది పేరు వేయబడింది.