내 브라우저 해상도 크기 확인: 실시간 측정+기기별 크기표

PC나 스마트폰을 쓰다 보면 지금 화면의 해상도와 브라우저 해상도 크기를 확인해야 할 때가 있습니다. 반응형 웹 작업에서 분기점을 잡을 때, 모니터를 새로 고르기 전에 지금 화면을 기준으로 삼을 때가 대표적입니다. 바로 아래 도구에 접속하신 기기의 해상도가 실시간으로 표시됩니다. 창 크기를 조절하거나 기기를 회전하면 값이 그대로 바뀝니다.

위 도구의 값은 이렇게 읽습니다. 브라우저 창(뷰 포트)은 웹페이지가 실제로 그려지는 영역이고, 모니터 화면 해상도는 운영체제가 쓰는 논리 해상도입니다. 두 값이 다른 이유는 주소 창과 탭 같은 브라우저 UI가 공간을 차지하기 때문입니다. 픽셀 배율(DPR)이 1보다 크면 화면이 그만큼 촘촘한 물리 픽셀을 갖고 있다는 뜻이며, 그 값이 실제 픽셀 해상도입니다. 스마트폰 사양표의 해상도와 브라우저에서 보이는 숫자가 크게 다른 것도 이 배율 때문입니다.

1️⃣ 내 브라우저 해상도 크기 체크 사항

브라우저 해상도 크기 확인을 위해 위 도구 값과 아래 표를 비교하실 때 체크할 것은 세 가지입니다.

첫째, 내 뷰포트가 아래 표의 어느 기기 구간에 속하는지.
둘째, 픽셀 배율(DPR)이 얼마인지, 배율이 클수록 사양표 해상도와 브라우저 값의 차이가 커집니다.
셋째, 기기 사양표의 해상도가 아니라 브라우저 기준 값으로 비교하고 있는지입니다.
아래 표는 전부 브라우저 기준(CSS px)으로 정리했습니다.

ⓐ 1920 x 1080: Full HD 해상도로, 데스크톱 모니터와 보급형·게이밍 노트북에서 가장 널리 쓰입니다.

ⓑ 1920 x 1200: 16:10 비율(WUXGA)로 최근 사무용 노트북의 주류입니다. 예전에 흔했던 1366 x 768은 구형 보급형 노트북에서 쓰이던 해상도입니다.

ⓒ 393 x 852: 아이폰 15·16 기본형의 브라우저(뷰포트) 크기입니다. 갤럭시 기본형은 360 x 780입니다. 모바일 웹을 만들 때 폭 360~440px을 기준으로 잡는 이유가 이것입니다.

2️⃣ PC 모니터& 노트북 브라우저 크기

브라우저 해상도 크기를 PC 모니터부터 노트북까지 각각의 브라우저 해상도에 맞게 정리한 표입니다.

1. PC

2. 노트북

3️⃣ 스마트폰 브라우저 해상도 크기 확인

1. 아이폰

2. 삼성 갤럭시

4️⃣ 태블릿 브라우저 해상도 크기 확인

ℹ️ 제휴 안내
본 사이트의 콘텐츠에는 제휴 링크가 포함되어 있습니다. 방문자가 이 링크를 통해 상품 또는 서비스를 구매하면 본 사이트는 판매처로부터 수수료를 지급받습니다. 이 과정에서 구매자가 지불하는 금액^{(이벤트 할인 시 금액이 내려갑니다↓)}은 오르지 않습니다. 게시된 가격·할인·재고 정보는 작성 시점 기준이며 실제와 다를 수 있으므로, 구매 전 판매처에서 최종 확인하시기 바랍니다. 상품 선정과 평가는 자체 기준에 따라 작성되며, 수수료 지급 여부가 소개 순서나 평가 내용에 영향을 주지 않습니다.