이미지 스케일링 알고리즘을 설정한다.
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 |