Utilore

화면 해상도

맨 위에 브라우저가 보고하는 그대로의 화면 해상도가 나옵니다. 그 아래로 실제 픽셀 수, 둘의 차이를 설명하는 픽셀 밀도, 화면비, 주사율, 브라우저 창 크기가 이어집니다. 창 크기를 바꾸면 숫자도 따라옵니다.

아래 값은 모두 여러분의 브라우저가 읽은 것입니다. 창 크기를 바꾸면 숫자도 함께 바뀝니다.

— 화면, CSS 픽셀

화면, 실제 픽셀
—
픽셀 밀도
—
화면비
—
메가픽셀
—
페이지 영역
—
브라우저 창
—
색 깊이
—
주사율
—
방향
—

여기 있는 것은 아무것도 전송되지 않습니다. 페이지가 여러분의 브라우저를 읽어 읽은 내용을 그대로 보여 줄 뿐입니다. 주사율을 묻지 않고 0.5초 동안 프레임을 세어 재는 것도 같은 이유입니다. 브라우저가 그 값을 알려 주지 않기 때문입니다.

가까운 도구: 키보드 테스트, 마이크 테스트, 웹캠 테스트, 내 아이피 확인

사용 방법

  1. 큰 숫자가 CSS 픽셀로 본 화면 크기입니다. 브라우저가 쓰는 단위가 이것입니다.
  2. 「화면, 실제 픽셀」은 그 숫자에 픽셀 밀도를 곱한 값입니다. 모니터 상자에 적힌 것이 이쪽입니다.
  3. 「페이지 영역」이 웹페이지가 실제로 받는 넓이입니다. 창에서 도구 모음과 스크롤바를 뺀 것이지요. 사이트가 어떤 해상도로 보고 있냐고 물으면 답할 숫자가 이것입니다.
  4. 창 크기를 바꾸거나 휴대폰을 옆으로 돌려서 어떤 숫자가 바뀌고 어떤 숫자가 그대로인지 보세요.

알아두면 좋은 점

브라우저는 390×844, 상자에는 1170×2532인 이유

세는 대상이 다르기 때문입니다. 브라우저가 알려 주는 것은 CSS 픽셀, 즉 보이는 크기의 단위입니다. 어떤 화면에서도 글자가 읽히도록 하기 위한 단위지요. 상자에 적힌 것은 패널 안의 물리적인 점의 수입니다. 요즘 휴대폰 화면은 물리적인 점 셋을 CSS 픽셀 하나에 담습니다. 픽셀 밀도 줄이 말하는 것이 바로 그것입니다. 밀도가 3이면 가로 390인 화면에는 실제로 1170개의 점이 있습니다. 컴퓨터에서는 같은 일이 배율 때문에 일어납니다. 윈도우를 125 %로 두면 1920픽셀 모니터가 브라우저에 1536이라고 알립니다. 두 숫자 다 참이고, 다만 다른 질문에 답할 뿐입니다.

세 가지 크기, 그리고 필요한 것은 어느 쪽인가

화면은 디스플레이 전체입니다. 브라우저 창은 그보다 작습니다. 운영체제가 가져가는 부분이 빠지니까요. 다만 윈도우에서 최대화하면 테두리가 가장자리 밖으로 걸치는 만큼 화면보다 몇 픽셀 큽니다. 페이지 영역은 더 작습니다. 도구 모음, 탭 줄, 스크롤바가 파고들기 때문입니다. 사이트나 디자이너가 「해상도가 어떻게 되나요」라고 물으면 보통 화면을 뜻합니다. 화면이 깨져 보여서 지금 몇 픽셀 폭으로 보고 있냐고 물었다면 그건 페이지 영역입니다.

주사율은 재는 것이지 묻는 것이 아니다

브라우저가 이 값을 알려 주지 않기 때문에, 이 페이지는 0.5초 동안 몇 프레임을 그릴 수 있는지를 셉니다. 결과는 흔한 값 가운데 가장 가까운 쪽으로 반올림합니다. 원측정값 59.7은 60 Hz 화면에 측정 흔들림이 얹힌 것이고, 59.7을 그대로 보여 주는 것은 흔들림을 사실로 내놓는 일이기 때문입니다. 탭이 뒤에 있거나 컴퓨터가 바쁘면 낮게 나오고, 어떤 노트북은 절전을 위해 주사율 자체를 낮춥니다. 숫자가 이상해 보이면 페이지를 새로 고치세요.

자주 묻는 질문

제 화면 해상도는 얼마인가요?

이 페이지 맨 위의 숫자, 단위는 CSS 픽셀입니다. 브라우저가 보는 값이 그것입니다. 실제 물리 해상도는 그 아래 줄이고, 둘이 다르면 픽셀 밀도 줄이 얼마나 다른지 알려 줍니다.

4K 모니터인데 왜 2560×1440으로 나오나요?

배율 때문입니다. 150 %에서는 3840픽셀 모니터가 프로그램에 2560이라고 알립니다. 그러지 않으면 글자와 버튼이 의도한 크기의 3분의 1이 되니까요. 패널의 점은 여전히 3840개이고, 「실제 픽셀」 줄이 그것을 보여 줍니다.

확대하면 페이지 영역이 바뀌나요?

바뀌고, 그게 정상입니다. 확대는 화면에 들어가는 CSS 픽셀의 수를 바꿉니다. 확대하면 창은 그대로인데도 페이지 영역이 CSS 픽셀 기준으로 작아집니다. 화면 줄은 바뀌지 않습니다.

주사율이 이상하게 나옵니다.

이 탭을 앞에 둔 채로 페이지를 새로 고치세요. 브라우저는 뒤에 있는 탭의 애니메이션을 늦추기 때문에, 다른 곳에 있는 동안 잰 값은 낮게 나옵니다. 배터리에서 주사율을 낮추는 노트북도 있는데, 그때는 숫자가 맞고 화면이 실제로 느려진 것입니다.

이 정보가 어딘가로 전송되나요?

아닙니다. 이 페이지의 모든 값은 여러분의 브라우저에서 읽어 그대로 보여 주는 것입니다. 서버 전송도, 저장도, 기록도 없고 인터넷 없이도 동작합니다.

관련 도구