이미지 스케일링 알고리즘을 설정한다.
auto | smooth | high-quality | pixelated | crisp-edges
스케일링 알고리즘은 User-Agent 에 따라 다르게 적용될 수 있다.
이미지는 대비와 가장자리를 유지하고 색상을 부드럽게 하거나 프로세스에서 이미지에 흐림을 유발하지 않는 방식으로 크기가 조정된다.
smooth와 동일하지만 고품질 스케일링으로 처리한다. 시스템 리소스가 제한된 경우 품질을 어느 정도 저하시킬지 고려할 때 다른 값보다 높은 품질의 이미지가 우선된다.
이미지는 가능한 원본의 픽셀화된 특성을 유지하지만 필요한 경우 어색한 왜곡 대신 약간의 smooth을 허용하는 방식으로 크기가 조정된다.
이미지의 모양을 최대화하는 알고리즘으로 이미지의 크기를 조정한다. 특히 쌍선형 보간과 같이 색을 부드럽게하는 스케일링 알고리즘이 허용된다.
다음은 필요에 따라 일부 값을 설명하므로 표시되지 않는 값은 값 유형을 참조하라.
스케일링 알고리즘은 User-Agent 에 따라 다르게 적용될 수 있다.
이미지는 대비와 가장자리를 유지하고 색상을 부드럽게 하거나 프로세스에서 이미지에 흐림을 유발하지 않는 방식으로 크기가 조정된다.
smooth와 동일하지만 고품질 스케일링으로 처리한다. 시스템 리소스가 제한된 경우 품질을 어느 정도 저하시킬지 고려할 때 다른 값보다 높은 품질의 이미지가 우선된다.
이미지는 가능한 원본의 픽셀화된 특성을 유지하지만 필요한 경우 어색한 왜곡 대신 약간의 smooth을 허용하는 방식으로 크기가 조정된다.
이미지의 모양을 최대화하는 알고리즘으로 이미지의 크기를 조정한다. 특히 쌍선형 보간과 같이 색을 부드럽게하는 스케일링 알고리즘이 허용된다.
image-rendering: smooth;
element.style.imageRendering = "smooth";
| Modules | ||
|---|---|---|
| Module Name | Status | Summary |
| CSS Images Module Level 3 | 편집자 초안 | Last review date: 2022-6-3 |
