화면 해상도 테스트

페이지를 열기만 하면 브라우저가 보고하는 CSS 화면 해상도가 자동으로 표시됩니다. 추가로 화면 크기에 DPR을 곱한 계산된 네이티브 픽셀 해상도도 함께 보여주므로 실제 물리 해상도까지 한 번에 알 수 있습니다.

DPR은 CSS 픽셀 1개당 실제 물리 픽셀이 몇 개인지를 나타내는 비율입니다. 고해상도(HiDPI/레티나) 화면이나 OS 배율 설정에서 1보다 큰 값이 되며, 화면을 확대·축소하면 이 값이 변할 수 있습니다.

CSS 픽셀은 브라우저가 레이아웃에 사용하는 논리적 단위이고, 물리 픽셀은 패널의 실제 점입니다. 둘의 관계가 바로 DPR이며, 이 도구는 CSS 해상도와 DPR을 곱해 계산된 네이티브 픽셀 해상도를 보여줍니다.

OS의 DPI 배율(예: 150%)이나 macOS HiDPI는 더 작은 논리 해상도를 보고하고, 브라우저 확대 설정도 값을 바꿉니다. 또 일부 개인정보 보호 모드(Firefox, Brave)는 지문 방지를 위해 값을 반올림하기도 합니다.

color-gamut 미디어 쿼리를 통해 OS와 브라우저가 광고하는 색역을 표시합니다. 다만 이것은 실제 패널을 측정한 값이 아니라 시스템이 보고하는 정보라는 점은 알아두세요.

아니요. 이 테스트는 해상도, DPR, 색 심도, 색역 같은 디스플레이 메타데이터만 읽습니다. 불량 화소나 주사율, 색 정확도 같은 항목은 별도의 화면 테스트, 주사율 테스트 도구를 이용해야 합니다.