Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

JavaScript로 화면의 색상 깊이와 픽셀 깊이 확인하기

JavaScript의 window 객체는 브라우저와 관련된 다양한 정보를 얻을 수 있는 여러 메서드를 제공합니다. 그중에서도 screen.colorDepth와 screen.pixelDepth 속성을 사용하면 각각 브라우저 화면의 색상 깊이(color depth)와 픽셀 깊이(pixel depth)를 확인할 수 있습니다. 지금부터 두 속성을 하나씩 자세히 살펴보겠습니다.

색상 깊이(Color Depth)

window 객체는 screen.colorDepth 속성을 통해 화면의 색상 깊이를 반환합니다. 색상 깊이란 하나의 색상을 표현하는 데 사용되는 비트 수를 의미합니다. 현대의 대부분 컴퓨터는 24비트 또는 32비트 하드웨어를 사용하여 색상을 처리하므로, 일반적으로 24라는 값이 출력됩니다.

예제

<html>
<body>
<p id="depth"></p>
<script>
   document.getElementById("depth").innerHTML =
   "화면 색상 깊이는 " + screen.colorDepth;
</script>
</body>
</html>

출력 결과

화면 색상 깊이는 24

픽셀 깊이(Pixel Depth)

JavaScript의 window 객체는 screen.pixelDepth 속성을 제공하여 브라우저 화면의 픽셀 깊이를 반환합니다. 픽셀 깊이는 개별 픽셀을 표현하는 데 사용되는 비트 수를 나타내며, 대부분의 환경에서 색상 깊이와 동일한 값을 가집니다.

예제

<html>
<body>
<p id="depth"></p>
<script>
   document.getElementById("depth").innerHTML =
   "화면 픽셀 깊이는 " + screen.pixelDepth;
</script>
</body>
</html>

출력 결과

화면 픽셀 깊이는 24