브라우저 및 기기 정보

DPR과 Color Depth

픽셀 비율과 색 심도가 나타내는 표시 환경입니다.

업데이트일: 2026년 10월 9일

Device Pixel Ratio(DPR)는 CSS Pixel 하나를 그리는 데 쓰는 물리 Pixel의 비율입니다. DPR 2는 보통 가로와 세로 각각 두 물리 Pixel로 CSS Pixel 하나를 나타냅니다.

Color Depth란?

Color Depth는 화면 색상 표현에 쓰는 Bit 수로 브라우저가 공개하는 값입니다. 24 bit 등이 일반적이지만 패널 색 재현이나 HDR 지원을 완전히 판단할 수 없습니다.

NetKarte의 기기 카드에서 DPR과 Color Depth를 화면 해상도 및 Viewport와 함께 확인합니다. 표시 배율이나 사용하는 화면을 바꾼 뒤에는 재진단하여 해당 조건의 값을 확인하세요.

DPR에는 window.devicePixelRatio, Color Depth에는 window.screen.colorDepth를 사용합니다. 페이지 확대나 디스플레이 이동으로 DPR이 달라질 수 있습니다.

높은 DPR은 고밀도 화면의 단서지만 물리 크기나 해상도를 직접 나타내지 않습니다. 두 값은 렌더링 조정용 공개 정보이며 기기의 고유 식별자가 아닙니다.

예를 들어 100 CSS px 영역은 DPR 2에서 가로 약 200 기기 픽셀에 대응하지만 화면 인치나 사진 선명도를 보장하지 않습니다. 비교할 때 페이지 확대와 OS 배율을 맞추고 재진단하세요.

같은 24 bit를 보고해도 색역, 밝기, 보정, HDR은 다를 수 있습니다. NetKarte는 이를 측정하지 않습니다. 이미지가 흐리면 DPR뿐 아니라 원본 크기, CSS 확대, 브라우저 줌 순으로 확인하세요.