화면의 픽셀 깊이(pixel depth)를 반환하려면 JavaScript에서 screen.pixelDepth 속성을 사용하면 됩니다.
픽셀 깊이는 화면에 색상을 표현할 때 픽셀당 사용되는 비트 수를 의미합니다. 예를 들어 24비트 픽셀 깊이라면 각 픽셀이 약 1,600만 가지 색상을 표현할 수 있습니다. 이 값은 대부분의 최신 모니터에서 24 또는 32로 표시됩니다.
예제
다음 코드를 실행하면 JavaScript로 화면의 픽셀 깊이를 확인할 수 있습니다. 아래 예제에서는 함께 자주 사용되는 화면 너비와 높이 정보도 출력합니다.
<!DOCTYPE html>
<html>
<body>
<script>
document.write("Screen width: " + screen.width);
document.write("<br>Screen height: " + screen.height);
document.write("<br>Pixel Depth: " + screen.pixelDepth);
</script>
</body>
</html>위 코드를 실행하면 다음과 같은 형태로 결과가 출력됩니다.
Screen width: 1920 Screen height: 1080 Pixel Depth: 24
참고로 screen.colorDepth 속성도 유사한 값을 반환하며, 최신 브라우저에서는 두 속성이 같은 값을 나타내는 경우가 많습니다. 픽셀 깊이 정보는 디스플레이 환경에 따라 콘텐츠나 이미지 품질을 조정해야 하는 경우에 유용하게 활용됩니다.