해상도 확인

사용 방법

1. 페이지를 열면 현재 viewport/screen/DPR/orientation 정보가 자동 표시됩니다.
2. 창 크기를 바꾸거나 화면 회전을 하면 값이 자동 갱신됩니다.
3. 수치는 브라우저 기준 값으로, 실제 패널 스펙과 차이가 있을 수 있습니다.

표시 값과 측정 대상

이 도구는 브라우저가 제공하는 화면 관련 정보를 모아 보여 줍니다. Viewport는 실제 콘텐츠가 그려지는 영역의 크기이고, Screen은 기기 화면 전체의 논리 해상도입니다. DPR(devicePixelRatio)은 CSS 한 픽셀이 물리적으로 몇 개의 화소에 대응하는지를 나타내며, 고해상도 디스플레이에서는 보통 2 이상으로 표시됩니다. Orientation은 가로·세로 방향 상태를 알려 줍니다. 이 값들은 모두 운영체제 배율 설정, 브라우저 줌, 창 크기에 따라 달라지므로, 패널의 물리적 해상도 그 자체가 아니라 현재 브라우저가 인식하는 값이라는 점을 기억하면 좋습니다.

실제 사용 예시

반응형 웹을 만드는 사람이 특정 기기에서 Viewport 너비가 어느 구간에 들어가는지 확인하고 미디어 쿼리 분기점을 정하는 데 활용할 수 있습니다. 또 모니터를 새로 연결한 뒤 운영체제 배율이 100퍼센트가 아닌 상태인지 의심될 때, DPR과 Screen 값을 보며 배율이 적용돼 있는지 가늠할 수도 있습니다. 두 경우 모두 창 크기를 바꿔 가며 값이 실시간으로 갱신되는 모습을 함께 보면 이해가 빠릅니다.

결과 해석과 주의할 점

Viewport와 Screen 값이 다른 것은 비정상이 아니라 당연한 차이입니다. 브라우저 콘텐츠 영역과 화면 전체는 서로 다른 대상을 가리키기 때문입니다. 자주 오해하는 경우로는 브라우저 줌이 100퍼센트가 아닌 상태에서 측정해 너비가 실제와 다르게 보이는 상황, 그리고 운영체제 배율 설정 탓에 Screen 값이 모니터 사양표의 물리 해상도와 어긋나는 상황이 있습니다. 정확한 패널 해상도가 필요하다면 기기 사양표를 함께 확인하고, 이 페이지의 값은 현재 브라우저 환경 기준 참고치로 활용하시기 바랍니다.

자주 묻는 질문

Viewport와 Screen 값은 왜 다른가요?

Viewport는 브라우저 콘텐츠 영역 크기이고, Screen은 기기 화면 전체 논리 해상도이기 때문입니다.

devicePixelRatio는 무엇인가요?

CSS 픽셀 대비 물리 픽셀 배율입니다. 고해상도 디스플레이일수록 DPR이 2 이상일 수 있습니다.

정확한 하드웨어 진단 도구인가요?

아니요. 이 페이지는 브라우저가 노출하는 정보를 확인하는 참고용 도구입니다.

브라우저 줌을 바꾸면 값이 달라지나요?

네. 줌 배율이나 운영체제 화면 배율을 바꾸면 Viewport와 DPR 값이 함께 바뀌므로, 비교할 때는 줌을 100퍼센트로 맞추는 것이 좋습니다.