내 화면 해상도·주사율 확인

내 화면 해상도·주사율 확인하는 법

이 페이지를 여는 순간 위쪽에 물리 해상도와 주사율(Hz)이 크게 표시됩니다. 주사율은 약 2초 동안 화면이 다시 그려지는 간격을 재서 계산하므로, 측정하는 동안에는 탭을 바꾸거나 창을 내리지 마세요. 아래 칸에는 CSS 해상도, 브라우저 창 크기, 배율, 화면 비율, 색 깊이, HDR, 색 영역, 운영체제와 브라우저가 한꺼번에 나옵니다.

전체 정보 복사를 누르면 모든 값을 텍스트로 복사합니다. 고객센터·A/S 문의, 웹 개발 중 버그 제보, 중고 모니터 거래에서 사양을 확인할 때 그대로 붙여 넣으면 됩니다.

• 듀얼 모니터라면 브라우저 창을 다른 모니터로 옮기세요. 배율이 다른 모니터로 옮기면 값이 자동으로 바뀌고 주사율도 다시 잽니다. 배율이 같은 모니터끼리는 주사율 다시 측정을 눌러 주세요.
• 창 크기를 바꾸면 브라우저 창(뷰포트) 값이 실시간으로 바뀝니다. 반응형 웹을 만들 때 기준 폭을 확인하기 좋습니다.
• 화면 크기(인치)를 입력하면 PPI(1인치당 픽셀 수)와 픽셀 간격도 계산합니다.

물리 해상도, CSS 해상도, 배율의 차이

물리 해상도는 화면이 실제로 그리는 픽셀 수이고, CSS 해상도는 웹페이지가 보는 논리적인 크기입니다. 둘의 비율이 배율(devicePixelRatio)입니다. 예를 들어 1920×1080 노트북에서 Windows 배율이 125%면 웹페이지는 화면을 1536×864처럼 쓰고, 2560×1440 모니터에서 150%면 약 1707×960이 됩니다. 아이폰처럼 배율이 3인 기기는 CSS 390×844 화면을 1170×2532 픽셀로 그립니다.

이 도구는 CSS 화면 크기에 배율을 곱해 물리 해상도를 계산합니다. 그래서 Windows의 디스플레이 해상도를 바꾸면 바꾼 값이 나오고, macOS에서 "더 큰 텍스트·더 많은 공간"처럼 조절된 해상도를 쓰면 패널 고유 해상도가 아니라 macOS가 화면을 그리는 해상도가 나옵니다. 예를 들어 macOS가 화면을 1470×956처럼 보이게 그리면 물리 해상도는 그 두 배인 2940×1912로 표시됩니다.

크롬·엣지·파이어폭스에서는 브라우저 확대·축소(Ctrl + 마우스 휠)도 배율 값에 반영됩니다. 사파리는 페이지를 확대해도 배율 값이 바뀌지 않습니다. 배율이 110%나 90%처럼 운영체제에서 고를 수 없는 값으로 나오면 경고를 띄우니, Ctrl+0(맥은 ⌘+0)으로 확대를 100%로 되돌린 뒤 다시 보세요.

주사율 측정 원리와 60Hz로 나오는 이유

웹페이지가 모니터 주사율을 직접 읽는 기능은 없습니다. 크롬 개발팀도 브라우저가 화면을 다시 그릴 때마다 호출하는 requestAnimationFrame의 시간 간격을 비교하는 것이 최선이라고 설명합니다. 이 도구는 약 2초 동안 프레임 간격을 모아 중앙값으로 주사율을 계산하고, 60·120·144·165·240Hz처럼 흔한 값에 3% 이내로 가까우면 그 값으로 표시합니다. 프레임 간격의 흔들림(±ms)과 밀린 프레임 비율도 함께 보여 줍니다.

실제 모니터보다 낮게 나오는 대표적인 경우는 다음과 같습니다.

• 모니터가 60Hz로 설정된 경우: 144Hz 모니터도 Windows 기본값이 60Hz로 잡혀 있을 수 있습니다. 아래 설정 방법을 확인하세요.
• 노트북 절전: 크롬의 에너지 절약 모드는 설정에 따라 전원이 연결되지 않았거나 배터리가 부족할 때 켜지며, 화면 갱신 속도를 낮춰 전력을 아낍니다. 충전기를 연결한 뒤 다시 측정해 보세요.
• 아이폰·아이패드 사파리: 기본 설정에서 웹페이지 애니메이션을 60fps 안팎으로 제한할 수 있어 ProMotion(120Hz) 기기도 60Hz로 나올 수 있습니다. 저전력 모드에서는 더 낮아질 수 있습니다.
• 탭이 뒤에 있을 때: 대부분의 브라우저는 보이지 않는 탭의 화면 갱신을 멈춥니다. 측정은 탭이 화면에 보일 때만 진행됩니다.
• 가변 주사율(VRR)·동적 주사율: 화면에 움직임이 적으면 주사율을 낮추는 기기는 측정값이 오락가락할 수 있습니다. 여러 번 측정해 가장 높은 값을 보세요.

Windows에서 144Hz·165Hz로 설정하는 방법

Windows 11은 시작 > 설정 > 시스템 > 디스플레이 > 고급 디스플레이로 들어가 새로 고침 빈도 선택에서 원하는 값을 고릅니다. 모니터가 여러 대면 설정할 모니터를 먼저 고르세요. 마이크로소프트 안내에 따르면 별표(*)가 붙은 빈도는 현재 해상도에서 지원되지 않으며, 동적 새로 고침 빈도는 가변 주사율(VRR)과 120Hz 이상을 지원하는 디스플레이에서만 쓸 수 있습니다.

목록에 원하는 값이 없다면 케이블과 포트를 확인하세요. 같은 모니터라도 연결 방식(DisplayPort, HDMI의 버전)과 케이블이 그 해상도·주사율을 지원해야 목록에 나타납니다. 모니터 자체 메뉴(OSD)에 오버클럭이나 고주사율 모드가 따로 있는 제품도 있으니 설명서를 함께 확인하세요. 설정을 바꾼 뒤 이 페이지에서 주사율 다시 측정을 누르면 적용됐는지 바로 확인할 수 있습니다.

macOS 재생률과 노트북 배율 바꾸기

macOS에서는 Apple 메뉴 > 시스템 설정 > 디스플레이에서 재생률 팝업 메뉴로 바꿉니다(애플은 주사율을 "재생률"이라고 부릅니다). Apple 실리콘을 쓴 14·16형 MacBook Pro의 ProMotion 디스플레이는 최대 120Hz까지 화면에 맞춰 재생률을 바꿉니다.

Windows 노트북의 배율은 설정 > 시스템 > 디스플레이의 배율 항목(한국어 도움말 표기로는 "비율 크기 조정 및 레이아웃")에서 바꿉니다. 마이크로소프트는 보통 (권장)이라고 표시된 값을 고르는 것이 가장 좋다고 안내합니다. 배율을 낮추면 한 화면에 더 많은 내용이 들어가지만 글자가 작아지고, 높이면 글자가 커지는 대신 웹페이지가 쓸 수 있는 CSS 해상도가 줄어듭니다. 배율을 바꿔도 물리 해상도는 그대로이므로 화질이 나빠지지는 않습니다.

색 깊이·HDR·색 영역 항목 읽는 법

색 영역은 화면이 표현할 수 있는 색의 범위를 브라우저가 판단한 결과입니다. sRGB가 가장 좁고, Display P3, Rec.2020 순으로 넓습니다. 넓은 색 영역 모니터라도 운영체제나 브라우저 설정에 따라 sRGB로 나올 수 있습니다.

HDR은 밝기·명암비가 높고 색 깊이가 24비트를 넘는 출력이 가능한지를 브라우저가 판단한 값입니다. HDR 모니터라도 Windows의 HDR 사용 설정이 꺼져 있으면 SDR로 나올 수 있습니다.

색 깊이는 브라우저가 보고하는 값입니다. 표준 문서상 일부 브라우저는 호환성 때문에 실제 패널과 관계없이 24비트를 돌려주므로, 10비트 패널인지 확인하는 용도로는 제조사 사양을 함께 보세요.