본문으로 건너뛰기
ToolMug

내 화면 해상도는?

브라우저에서 바로 읽어 온 화면 해상도와 기타 디스플레이 정보예요. 배경화면 고르기, 반응형 디자인 테스트, 고객 지원 문의에 답할 때 유용해요.

브라우저에서 실행 — 입력한 내용은 업로드되지 않아요

내 화면 해상도

 

 

화면 크기 (CSS 픽셀)—
물리 픽셀—
기기 픽셀 비율—
브라우저 창 (뷰포트)—
사용 가능한 화면 영역—
색 심도—
색 영역—
HDR—
방향—
터치스크린—
색상 모드—
주사율 (측정값)—

브라우저는 크기를 CSS 픽셀로 알려 줘요. 디스플레이 배율(예: Windows의 150%나 Mac의 Retina)을 사용하면 물리 해상도는 CSS 크기에 기기 픽셀 비율을 곱한 값이에요.

사용 방법

  1. 페이지를 열면 맨 위에 해상도가 표시돼요.
  2. 표에서 물리 픽셀과 주사율을 포함한 세부 정보를 확인하세요.
  3. 브라우저 창 크기를 바꾸면 뷰포트 크기가 바뀌는 것을 볼 수 있어요.

옵션 설명

CSS 픽셀과 물리 픽셀
브라우저는 크기를 CSS 픽셀로 알려 줘요. 디스플레이 배율을 사용하면 CSS 픽셀 하나가 여러 물리 픽셀을 차지하므로, 기기 픽셀 비율을 곱하면 패널의 기본 해상도가 나와요.
주사율
약 1초 동안 브라우저가 프레임을 얼마나 자주 그리는지로 추정해요. 절전 모드나 일부 브라우저는 더 빠른 화면에서도 60Hz로 제한해요.

배율 예시와 값이 계산되는 방식

“물리 픽셀” 행은 화면 크기(CSS 픽셀)에 기기 픽셀 비율을 곱하고 각각 정수로 반올림한 값이에요. 일반적인 조합은 다음과 같아요.

패널 (물리) 디스플레이 배율 화면 크기 (CSS 픽셀) 기기 픽셀 비율
1920 × 1080 100% 1920 × 1080 1
2560 × 1440 100% 2560 × 1440 1
3840 × 2160 150% 2560 × 1440 1.5
3840 × 2160 200% 1920 × 1080 2

화면 크기 뒤 괄호 속의 16:9 같은 비율은 너비와 높이를 최대공약수로 나눈 값이에요. 작은 정수가 나오지 않으면 가장 가까운 일반 비율이 앞에 ≈ 기호가 붙어서 표시되므로, 2560 × 1080은 ≈ 21:9로 나타나요. 1440 × 900 화면은 관례상 8:5가 아니라 16:10으로 써요.

브라우저 창(뷰포트)은 페이지 영역의 크기이며 창 크기를 바꾸면 달라지는 반면, 화면 크기와 작업 표시줄과 독을 제외한 사용 가능한 화면 영역은 그대로예요.

주사율(측정값)은 약 90개 애니메이션 프레임 사이의 시간에서 구해요. 도구는 간격의 중앙값을 구해 헤르츠로 변환하고, 표준 주사율(24, 30, 48, 50, 60, 72, 75, 90, 100, 120, 144, 165, 170, 180, 240, 360 Hz) 중 하나의 3% 이내이면 그 값에 맞추고, 아니면 반올림한 값을 보여 줘요.

자주 묻는 질문

해상도가 모니터 사양보다 낮게 나오는 이유는 뭔가요?

디스플레이 배율이 켜져 있기 때문이에요. 4K 모니터를 150% 배율로 쓰면 2560 × 1440 CSS 픽셀, 픽셀 비율 1.5로 표시돼요.

144Hz 모니터인데 주사율이 60Hz로 나오는 이유는 뭔가요?

디스플레이 설정에서 주사율을 확인하고, 브라우저 창이 그 모니터에 있는지 확인하세요. 배터리 절약 모드도 주사율을 제한할 수 있어요.

모니터가 여러 대면 어느 화면이 측정되나요?

브라우저 창이 있는 모니터가 측정돼요.

개인정보 보호

이 도구는 전적으로 브라우저에서 실행돼요. 파일과 텍스트는 기기에서 처리되며 서버로 업로드되지 않아요.

관련 도구