이미지를 더 선명하게 보정하는 image-rendering css

image-rendering 속성을 사용하여 이미지의 렌더링 방식을 조정할 수 있습니다. 다양한 브라우저에서 호환되는 값들을 사용하여 이미지를 더 선명하게 보정할 수 있습니다.

img {
  image-rendering: -moz-crisp-edges; /* Firefox */
  image-rendering: -o-crisp-edges; /* Opera */
  image-rendering: -webkit-optimize-contrast; /* Chrome */
  image-rendering: crisp-edges; /* Standard */
}

 

crisp-edges는 표준 값으로, 대부분의 최신 브라우저에서 지원됩니다.