화면 해상도, 뷰포트 크기, 픽셀 비율, 실제 물리적 해상도, 색 심도, 화면비를 확인하세요. 무료이며 브라우저에서 실행됩니다.

모든 정보는 브라우저에서 직접 읽어옵니다 — 아무것도 업로드하거나 저장하지 않습니다.

화면 해상도
×
브라우저 뷰포트
×
이 창의 크기를 조절하거나 이동하면 뷰포트 값이 실시간으로 업데이트됩니다.
기기 픽셀 비율
물리적 해상도
×
CSS 픽셀 × 픽셀 비율 — 실제 하드웨어 픽셀입니다.
화면비
색 심도
방향
사용 가능한 화면
×
운영체제 작업 표시줄 / 독을 제외한 화면 영역입니다.

화면 해상도 확인 소개

화면 해상도 확인기는 “내 화면 해상도가 무엇인가”에 즉시 답한 뒤 대부분의 도구보다 한발 더 나아갑니다: CSS 픽셀 단위의 화면 해상도, 브라우저 뷰포트, 기기 픽셀 비율, 이 둘이 의미하는 실제 물리적 해상도, 사용 가능한 화면 영역(작업 표시줄이나 독을 뺀 나머지), 색 농도, 방향, 종횡비, 그리고 디스플레이와 가장 가까운 표준 해상도 등급을 보고합니다.

수치들의 차이는 중요합니다. 화면 해상도는 운영체제가 전체 디스플레이에 대해 보고하는 값이고, 뷰포트는 브라우저 페이지가 실제로 사용할 수 있는 부분일 뿐이며, 고밀도 화면에서는 기기 픽셀 비율이 CSS 픽셀을 하드웨어 픽셀로 곱해 줍니다 — 2배 비율로 1512 × 982를 보고하는 노트북은 물리적으로 3024 × 1964 패널입니다.

모든 정보는 브라우저에서 직접 읽으므로 아무것도 업로드되거나 저장되지 않습니다. 창을 크기 조절하거나 이동할 때 뷰포트 값이 실시간으로 갱신됩니다 — 반응형 브레이크포인트를 확인할 때 유용합니다 — 그리고 모두 복사 버튼으로 버그 리포트나 지원 요청에 쓸 전체 결과를 캡처할 수 있습니다.

화면 해상도 확인 사용 방법

  1. 페이지를 여세요 — 해상도, 뷰포트, 픽셀 비율 등 디스플레이 값이 즉시 나타납니다.
  2. 화면 해상도와 물리적 해상도를 비교해 디스플레이 스케일링이 기기에 어떤 영향을 미치는지 확인하세요.
  3. 브라우저 창의 크기를 조절하거나 이동시켜 뷰포트 값이 실시간으로 갱신되는 것을 지켜보세요.
  4. 종횡비와 가장 가까운 표준 규격을 확인해 디스플레이 등급을 파악하세요.
  5. 모두 복사를 눌러 전체 결과를 클립보드에 담으세요.

자주 묻는 질문

디스플레이 스케일링 때문입니다. 운영체제는 고밀도 화면에서 스케일된 CSS 픽셀로 렌더링하므로, 200% 스케일링을 적용한 4K 패널은 1920 × 1080으로 표시됩니다. 이 페이지에 표시된 기기 픽셀 비율을 곱하면 실제 물리적 픽셀 수를 알 수 있습니다.

화면 해상도는 전체 디스플레이를 다룹니다. 뷰포트는 웹페이지가 렌더링되는 브라우저 창 안의 영역일 뿐이며, 툴바, 탭, OS 바의 높이만큼 더 작습니다. 반응형 디자인 브레이크포인트는 화면이 아니라 뷰포트에 반응합니다.

하나의 CSS 픽셀에 대응하는 물리적 하드웨어 픽셀의 수입니다. 비율이 1이면 서로 일치한다는 뜻이고, 2나 3이면 이미지와 텍스트가 선명함을 위해 추가 하드웨어 픽셀로 렌더링되는 고밀도(레티나급) 디스플레이라는 뜻입니다.

화면 해상도에서 운영체제가 영구적으로 예약해 둔 공간 — Windows의 작업 표시줄이나 macOS의 독과 메뉴 막대 — 을 뺀 값입니다. 최대화된(전체 화면이 아닌) 창이 차지할 수 있는 가장 넓은 영역입니다.

네. 모든 값은 브라우저에서 로컬로 읽으며 아무것도 업로드되거나 저장되지 않습니다. 이 도구는 계정이나 제한 없이 완전히 무료입니다.

도움이 필요하신가요?
이 도구에서 문제를 발견하셨나요? 저희 팀에 알려주세요.
문제 신고

이 무료 도구를 귀하의 웹사이트에 추가하세요 — 아래 코드를 복사하여 붙여넣으세요.