화면 크기 확인

브라우저 창과 모니터의 크기를 실시간으로 확인하세요

브라우저 창 크기
- × -
픽셀 (px)
화면 해상도
- × -
픽셀 (px)

상세 정보

뷰포트 너비
-
뷰포트 높이
-
픽셀 비율 (DPR)
-
색상 깊이
-
방향
-
터치 지원
-

일반적인 기기 해상도

기기 해상도 비교

자주 묻는 질문

해상도는 모니터의 실제 픽셀 수이고, 뷰포트는 브라우저에서 웹 콘텐츠가 표시되는 영역의 크기입니다.

물리적 픽셀과 CSS 픽셀의 비율입니다. 레티나 디스플레이는 DPR이 2 이상으로 더 선명한 이미지를 표시합니다.

다양한 화면 크기에 맞는 레이아웃을 설계하려면 실제 기기의 해상도와 뷰포트 크기를 알아야 합니다.

네, 화면 크기는 모니터 전체 해상도이고, 브라우저 창 크기는 현재 열려있는 창의 크기입니다.

한 픽셀에서 표현할 수 있는 색상의 수를 비트로 나타낸 것입니다. 24비트는 약 1670만 색상을 표현합니다.

이 도구는 자동으로 터치스크린 지원 여부를 감지합니다. 모바일 기기나 터치 모니터를 사용 중이라면 '예'로 표시됩니다.

브라우저 창의 너비가 높이보다 크면 가로(Landscape), 높이가 너비보다 크면 세로(Portrait)로 표시됩니다.

Full HD는 1920×1080 해상도이고, 4K UHD는 3840×2160으로 Full HD의 4배 픽셀 수를 가집니다.

일반적으로 768px(태블릿), 1024px(작은 데스크톱), 1440px(대형 화면)을 기준으로 반응형 레이아웃을 설계합니다.

네, 브라우저 창 크기가 변경되면 모든 값이 실시간으로 자동 업데이트됩니다.

사용자 리뷰

웹 개발자 김모씨
2026.01.15
★★★★★
반응형 웹 개발할 때 필수 도구입니다. 브라우저 창 크기가 실시간으로 표시되어 미디어 쿼리 테스트에 유용해요.
UI 디자이너 이모씨
2026.01.20
★★★★★
다양한 기기 해상도를 한눈에 비교할 수 있어서 디자인 작업 시 참고하기 좋습니다.
QA 엔지니어 박모씨
2026.01.25
★★★★★
크로스 브라우저 테스트할 때 정확한 뷰포트 크기를 확인할 수 있어 버그 리포트 작성이 쉬워졌어요.
프리랜서 정모씨
2026.02.01
★★★★★
DPR 정보도 함께 표시되어 레티나 대응 이미지 작업할 때 큰 도움이 됩니다.
학생 최모씨
2026.02.05
★★★★★
웹 개발 수업에서 뷰포트 개념을 이해하는 데 이 도구가 정말 유용했어요.
풀스택 한모씨
2026.02.10
★★★★★
심플하고 깔끔한 디자인에 필요한 정보가 모두 있어요. 북마크 해두고 자주 사용합니다.