화면 해상도 확인란?
화면 해상도 확인 도구는 지금 보고 있는 기기의 화면 해상도와 브라우저 창 크기, 픽셀 비율(DPR)을 알려 줍니다. 웹사이트를 만들 때 반응형 기준을 잡거나, 새 모니터가 제 해상도로 나오는지, 배경화면을 어떤 크기로 받아야 하는지 확인할 때 유용합니다.
브라우저가 알려 주는 해상도는 운영체제의 배율(확대) 설정이 반영된 CSS 픽셀 값입니다. 실제 패널 해상도는 여기에 DPR을 곱한 물리 픽셀로 확인하세요.
사용 방법
- 페이지를 열면 맨 위에 모니터 해상도가 바로 표시됩니다.
- 아래 칸에서 브라우저 창 크기, 픽셀 비율, 실제 물리 픽셀을 확인하세요.
- 창 크기를 바꾸거나 휴대폰을 가로로 돌리면 값이 실시간으로 바뀝니다.
- 전체 정보 복사를 누르면 모든 값을 텍스트로 복사해 문의나 버그 신고에 붙여 넣을 수 있습니다.
해상도·창 크기·DPR의 차이
| 항목 | 뜻 |
|---|---|
| 모니터 해상도 | 운영체제 배율이 반영된 화면 전체 크기 (CSS 픽셀) |
| 사용 가능 영역 | 작업 표시줄·Dock·메뉴 막대를 뺀 크기 |
| 브라우저 창 | 웹페이지가 실제로 보이는 영역 (반응형 기준) |
| DPR | CSS 픽셀 1개에 들어가는 물리 픽셀 수 |
| 물리 픽셀 | 해상도 × DPR, 패널의 실제 픽셀 수에 가까운 값 |
예를 들어 4K(3840×2160) 모니터를 윈도우 배율 150%로 쓰면 해상도는 2560×1440, DPR은 1.5로 표시되고 물리 픽셀은 3840×2160이 됩니다.
자주 쓰는 해상도
| 이름 | 해상도 | 화면비 |
|---|---|---|
| FHD (1080p) | 1920 × 1080 | 16:9 |
| QHD (1440p) | 2560 × 1440 | 16:9 |
| 4K UHD | 3840 × 2160 | 16:9 |
| WUXGA | 1920 × 1200 | 16:10 |
| 울트라와이드 WQHD | 3440 × 1440 | 21:9 |
자주 묻는 질문
4K 모니터인데 왜 해상도가 작게 나오나요?
운영체제의 배율(윈도우 디스플레이 배율, macOS 해상도 설정)이 적용되어 있기 때문입니다. 브라우저는 배율로 나눈 CSS 픽셀 값을 알려 주므로 DPR을 곱한 물리 픽셀을 확인하세요.
브라우저를 확대하면 값이 바뀌나요?
네. Ctrl(⌘) + 휠이나 +/−로 페이지를 확대·축소하면 DPR과 창 크기(CSS 픽셀)가 함께 바뀝니다. 정확한 값을 보려면 확대 비율을 100%로 되돌리세요.
휴대폰 해상도가 스펙보다 작게 나와요.
스마트폰은 DPR이 2~3배라서 CSS 픽셀로는 작게 보입니다. 예를 들어 1179×2556 화면에 DPR 3이면 393×852로 표시됩니다. 실제 물리 픽셀 값이 스펙과 비슷한지 확인하세요.
측정한 정보가 저장되거나 전송되나요?
아니요. 모든 값은 브라우저가 기기에서 바로 읽어 표시하며 어디에도 전송되지 않습니다.