화면 해상도 확인 — 숫자는 하나가 아닙니다

값을 읽으려면 자바스크립트를 켜 주세요. 브라우저는 값을 갖고 있지만 물어보려면 스크립트가 필요합니다.

화면 CSS 픽셀. 대부분의 사이트가 「해상도」라고 할 때 가리키는 숫자입니다.
실제 픽셀 화면 × 기기 픽셀 비. 패널이 실제로 가진 점의 수에 가까운 값입니다.
브라우저 창 페이지에 주어진 영역. 레이아웃이 반응하는 건 이 숫자입니다.
live

브라우저는 물리적 크기를 못 잽니다. 위의 픽셀 수는 알아도 그것이 몇 인치에 펼쳐져 있는지는 모르기 때문에, 화면 크기도 PPI도 낼 수 없습니다. 그걸 보여 주는 페이지는 사용자 에이전트로 추정하는 것이지 재는 것이 아닙니다.

화면 해상도 확인 소개

「화면 해상도」에는 답이 하나가 아닙니다. 이 질문이 자꾸 되돌아오는 이유가 그것입니다. 브라우저는 서로 다른 숫자 셋을 내줄 수 있고, 셋 다 맞으며, 셋 다 뜻이 다릅니다.

첫째는 화면의 CSS 픽셀입니다. 대부분의 사이트가 가리키는 게 이것이고, 디스플레이 설정에서 고른 값과 대체로 맞습니다. 둘째는 실제 픽셀 — 첫째에 기기 픽셀 비를 곱한 것이고, 휴대폰이나 고해상도 노트북에서는 두세 배가 됩니다. 셋째는 브라우저 창이고, 앞의 둘보다 작으며 창 크기를 바꿀 때마다 바뀝니다.

이 페이지는 하나를 골라 주는 대신 셋을 한꺼번에 보여 줍니다. 필요한 숫자가 「지금 뭘 하려는지」에 따라 달라지기 때문입니다. 문의 글에 적을 거라면 첫째, 영상이 정말 제 해상도로 나오는지 따지는 거라면 둘째, 어떤 너비에서 무너지는 레이아웃 이야기라면 셋째입니다.

일부러 안 낸 게 하나 있습니다. 많은 페이지가 틀리는 자리 — 물리적 크기입니다.

세 숫자 읽는 법

  1. 먼저 세 줄을 같이 봅니다. 위 둘이 같으면 배율 없이 돌고 있는 것이고, 둘째가 더 크면 배율이 걸려 있는 것입니다.
  2. 브라우저 창을 줄여 보고 어느 줄이 움직이는지 보세요. 움직이는 건 창 줄뿐입니다 — 각 숫자의 뜻을 잡는 데 이보다 빠른 방법이 없습니다.
  3. 아래 기기 픽셀 비를 확인합니다. 1이면 CSS 픽셀과 패널의 점이 일대일이고, 2나 3이면 좌표가 말하는 것보다 패널이 촘촘하다는 뜻입니다.
  4. 사용 가능 영역을 화면과 비교합니다. 그 차이가 작업 표시줄·독·노치가 가져가는 몫이고, 최대화해도 전체 화면이 안 되는 이유입니다.
  5. 어딘가에 붙여야 하면 복사 버튼을 쓰세요. 일반 텍스트로 써 주기 때문에 게시판에서도 문의 양식에서도 안 깨집니다.

자주 묻는 질문

디스플레이 설정과 숫자가 다른데요?

사이에 배율이 끼어 있기 때문입니다. 설정은 패널 본래 해상도를 말하고, 브라우저는 배율을 적용한 뒤의 좌표를 말합니다. 화면 줄에 기기 픽셀 비를 곱하면 본래 숫자로 돌아오고, 그걸 대신 해 주는 게 실제 픽셀 줄입니다.

문의할 때는 어떤 숫자를 적나요?

셋 다 적으세요. 복사 버튼이 그 용도입니다. 상담 창구가 묻는 건 대개 화면 줄이지만, 특정 창 크기에서만 나는 문제는 그 숫자에 안 비칩니다. 비치는 건 창 줄입니다. 세 줄 보내는 데 드는 품은 없고 왕복이 한 번 줄어듭니다.

화면 크기(인치)도 알 수 있나요?

알 수 없고, 다른 어떤 웹페이지도 못 합니다. 브라우저는 점이 몇 개인지는 알아도 얼마나 떨어져 놓였는지는 모르기 때문에 인치도 PPI도 가져올 수 없습니다. 화면 크기를 보여 주는 사이트는 사용자 에이전트를 알려진 기기 표와 맞춰 보는 것이라, 표에 없는 기계에서는 틀립니다.

콘솔에서는 창 값에 소수점이 붙는데 여기서는 왜 반올림하나요?

소수점 아래 자릿수는 정밀도가 아니라 잡음이기 때문입니다. 배율이 걸린 환경에서는 창 너비가 1536.6 같은 값이 되는데, 정확해 보일 뿐 쓸모는 없습니다. 그 끝자리가 말해 주는 건 배율이 어디에 떨어졌는지이지 화면에 대한 무엇이 아닙니다. 읽을 값어치가 있는 건 반올림한 쪽입니다.

이 모니터에 이 해상도면 괜찮은 건가요?

그건 패널에 대한 질문이라 이 페이지는 답할 수 없습니다. 어떤 패널인지를 모르기 때문입니다. 말할 수 있는 건 배율이 걸려 있는지와 창이 실제로 얼마나 큰지까지입니다. 실제 픽셀 줄이 모니터 상자에 적힌 해상도보다 작다면, 어딘가에서 패널을 다 못 쓰고 있는 것입니다.

무료인가요? 가입이 필요한가요? 여기 값이 어디로 나가나요?

나가지 않습니다. 전부 이 기계 위에서 브라우저 자신의 값을 읽는 것뿐이고, 올리는 것도 없고, 탭을 닫으면 사라집니다. 복사 버튼이 쓰는 곳은 클립보드뿐입니다. 가입도 필요 없고 설치할 것도 없습니다.