모두 텍스트로 보기
실시간: 창 크기를 바꾸거나, 확대/축소하거나, 휴대폰을 돌리거나, 창을 다른 화면으로 옮기면 숫자가 바뀝니다. 브라우저 확대/축소도 숫자를 바꿉니다 — 실제 값을 보려면 Ctrl+0(Mac은 Cmd+0)을 누르세요.
화면 해상도 확인기 소개
내 화면 해상도가 얼마일까요? 이 페이지가 바로 알려 줍니다. 맨 위의 큰 숫자가 실제 픽셀(화면을 이루는 아주 작은 점) 기준의 화면 해상도입니다. 예를 들어 1920 × 1080이나 2560 × 1440입니다. 옆에는 흔히 쓰는 이름(Full HD, QHD 등)과 화면비(16:9 등)가 보입니다.
아래 카드는 화면과 브라우저에 대해 더 자세히 보여 줍니다. 모든 값은 내 기기에서 읽으며, 어디로도 전송되지 않습니다.
기능
- 실제 해상도 — 실제 픽셀 기준의 화면 크기와 흔히 쓰는 이름, 화면비
- 가로 또는 세로 — 화면이 어느 방향인지 보여 주고, 휴대폰이나 태블릿을 돌리면 너비와 높이도 따라 바뀝니다
- 배율 표시 — 디바이스 픽셀 비율과 그에 맞는 Windows나 Mac 배율(125%, 150% 등)
- 창 크기 — 브라우저 창의 안쪽과 바깥쪽, 그리고 스크롤바를 뺀 뷰포트
- 색 정보 — 비트 단위 색 심도, HDR 켜짐/꺼짐, 색 영역(sRGB, Display P3, Rec. 2020)
- 주사율 추정 — 화면이 1초에 몇 번 다시 그려지는지 빠르게 확인
- 실시간 갱신 — 창 크기 조절, 확대/축소, 휴대폰 회전, 다른 모니터로 이동하면 숫자가 바뀝니다
- 모두 복사 — 버튼 하나로 텍스트 요약을 복사해 고객 지원이나 친구에게 보낼 수 있습니다
사용 방법
- 페이지를 열면 화면 해상도가 바로 보입니다
- 큰 숫자가 실제 픽셀이고, 그 아래에 이름과 화면비가 있습니다
- 카드에서 배율, 창 크기, 색 심도, HDR을 확인하세요
- 브라우저 창 크기를 바꾸거나 다른 모니터로 옮기면 숫자가 바뀌는 것을 볼 수 있습니다
- 모두 복사를 누르면 모든 값이 텍스트로 복사됩니다
- 확대/축소 경고가 나오면 Ctrl+0(Mac은 Cmd+0)을 눌러 실제 값을 보세요
상자에 적힌 숫자와 다를 수 있는 이유
모니터 상자에는 예를 들어 2560 × 1440이라고 적혀 있습니다. 그런데 많은 웹사이트는 1707 × 960처럼 더 작은 숫자를 보여 줍니다. 둘 다 맞습니다. 작은 숫자는 CSS 픽셀이고 큰 숫자는 실제 픽셀입니다.
- 디스플레이 배율. Windows는 글자를 키우려고 125%나 150% 배율을 자주 씁니다. 150%에서는 실제 픽셀 2560개가 CSS 픽셀 약 1707개가 됩니다. 이 페이지는 다시 곱해서 실제 숫자를 보여 줍니다.
- 레티나와 휴대폰 화면. CSS 픽셀 1개에 실제 픽셀 2개나 3개를 씁니다. 이것이 디바이스 픽셀 비율(2배 또는 3배)입니다.
- 브라우저 확대/축소. 확대/축소도 모든 웹사이트에서 디바이스 픽셀 비율을 바꿉니다. 100%로 되돌려야 올바른 값이 보입니다.
설정에서 실제 해상도 찾는 방법
- Windows 11: 바탕화면을 오른쪽 클릭하고 디스플레이 설정을 선택하세요. 디스플레이 해상도(「권장」 표시가 있는 것이 화면의 실제 크기)와 배율(125% 등)을 보세요.
- Windows 10: 바탕화면을 오른쪽 클릭하고 디스플레이 설정을 선택한 뒤 디스플레이 해상도와 배율 및 레이아웃을 보세요.
- macOS: 시스템 설정 → 디스플레이를 여세요. Mac은 "보이는 크기"를 보여 주고, 실제 패널 크기는 그 두 배인 경우가 많습니다.
- 휴대폰: 설정에서 픽셀을 보여 주는 경우는 드뭅니다. 이 페이지가 가장 빠릅니다.
CSS 픽셀이란?
웹페이지는 크기를 CSS 픽셀로 세기 때문에 어느 화면에서나 비슷한 크기로 보입니다. 오래된 사무용 모니터에서는 CSS 픽셀 1개가 실제 픽셀 1개입니다. 선명한 노트북이나 휴대폰에서는 CSS 픽셀 1개를 실제 픽셀 2 × 2개나 3 × 3개로 그려서, 글자는 또렷하지만 크기는 같습니다. 웹 디자이너는 뷰포트 크기(CSS 픽셀 기준 브라우저 창 안쪽)로 페이지를 휴대폰과 큰 화면에 맞춥니다.
흔한 화면 해상도
| 이름 | 픽셀 크기 | 화면비 |
|---|---|---|
| HD (720p) | 1280 × 720 | 16:9 |
| HD+ | 1366 × 768 | 16:9 |
| HD+ | 1600 × 900 | 16:9 |
| Full HD (1080p) | 1920 × 1080 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| QHD (2K, 1440p) | 2560 × 1440 | 16:9 |
| WQXGA | 2560 × 1600 | 16:10 |
| UWQHD (울트라와이드) | 3440 × 1440 | 21:9 |
| 4K UHD (2160p) | 3840 × 2160 | 16:9 |
| 5K | 5120 × 2880 | 16:9 |
| 8K UHD | 7680 × 4320 | 16:9 |
휴대폰은 길고 폭이 좁습니다. 많은 기종이 실제 픽셀로 약 1080 × 2400이나 1170 × 2532이고, 화면비는 19.5:9나 20:9 같은 값입니다. 너비가 먼저 오므로 휴대폰을 세워서(세로) 들면 1170 × 2532처럼 작은 숫자가 먼저 나옵니다. 옆으로 돌리면(가로) 2532 × 1170이 됩니다.
자주 묻는 질문
내 화면 해상도는 얼마인가요?
이 페이지 맨 위의 큰 숫자입니다. 예를 들면 1920 × 1080입니다. 실제 픽셀 기준이며, 이름과 화면비는 바로 아래에 있습니다.
다른 웹사이트에서는 왜 해상도가 더 작게 나오나요?
컴퓨터가 125%나 150% 같은 디스플레이 배율을 쓰고 있어서, 웹사이트는 CSS 픽셀 기준의 더 작은 크기를 보기 때문일 것입니다. 이 페이지는 배율을 곱해서 실제 픽셀을 보여 줍니다.
디바이스 픽셀 비율이란?
CSS 픽셀 1개에 화면이 실제 픽셀을 몇 개 쓰는지입니다. 1은 배율 없음, 1.25는 배율 125%이고, 2나 3은 레티나 화면과 휴대폰에서 보통입니다.
화면 크기와 뷰포트 크기는 어떻게 다른가요?
화면 크기는 디스플레이 전체입니다. 뷰포트는 탭, 주소창, 작업 표시줄을 뺀 브라우저 창 안쪽뿐입니다.
주사율은 정확한가요?
아니요, 약 1초 동안 잰 빠른 추정값입니다. 컴퓨터가 바쁘면 더 낮게 나올 수 있습니다. 정확하게 확인하려면 주사율 테스트를 쓰세요.
모니터가 두 대여도 되나요?
네. 브라우저 창이 놓인 화면을 보여 줍니다. 창을 다른 모니터로 옮기면 1초 안에 숫자가 바뀝니다.
알아 두면 좋은 점
- 브라우저는 화면의 인치 크기를 알 수 없고 픽셀만 알 수 있습니다
- 개인정보 보호 설정이 강한 일부 브라우저는 몇몇 값을 반올림하거나 숨깁니다
- 이 페이지의 어떤 것도 저장되거나 어디로 전송되지 않습니다