내 화면 해상도는 얼마일까? 숫자가 다르게 보이는 이유

화면 해상도는 디스플레이의 가로와 세로에 있는 실제 픽셀 수를 가로 × 세로 형식으로 나타낸 값이에요. 예를 들어 1920 × 1080과 같아요. 이 값은 운영체제의 디스플레이 설정에서 확인할 수 있어요. 하지만 웹페이지에서 보이는 값은 보통 다른 숫자예요. 브라우저는 운영체제와 브라우저가 배율을 적용한 CSS 픽셀 단위로 크기를 재기 때문이에요. 두 숫자 모두 맞을 수 있어요. 화면 해상도 확인에서는 화면 크기, 배율을 적용한 크기, 창 크기를 함께 보여 주므로 지금 보고 있는 숫자가 무엇인지 알 수 있어요.

화면 해상도내 화면 크기가 얼마인지 알고 싶어요무료로 사용하기

물리 픽셀과 CSS 픽셀

물리 픽셀은 패널에 있는 작은 빛의 점 하나를 말해요. CSS 픽셀은 웹페이지의 레이아웃에 쓰는 단위예요. 너비가 CSS 픽셀 800인 페이지는 어떤 패널에서든 창에서 비슷한 비율을 차지해야 하므로, 브라우저는 기기 픽셀 비율을 사용해 두 단위를 서로 바꿔요.

기기 픽셀 비율은 CSS 픽셀 하나를 이루는 물리 픽셀의 개수예요. 일반 모니터에서는 1이에요. 고밀도 화면에서는 2 이상인 경우가 많고, 이때 CSS 픽셀 하나는 물리 픽셀 2 × 2 블록으로 그려져요. 그래서 글자가 더 선명하게 보여요. 페이지가 CSS 픽셀로 읽는 화면 크기는 물리 크기를 이 비율로 나눈 값이에요.

운영체제 배율

대부분의 경우 비율은 운영체제의 디스플레이 배율에서 와요. Windows에서는 디스플레이 설정의 배율 항목이에요. macOS에서는 디스플레이의 해상도 옵션이 인터페이스에 얼마나 넓은 공간을 줄지 정해요. 4K 패널은 물리 픽셀이 3840 × 2160이에요. 배율을 200퍼센트로 설정하면 인터페이스는 1920 × 1080만큼의 공간을 쓰게 되고, 그 화면의 브라우저는 CSS 픽셀 1920 × 1080에 비율 2로 보고해요.

계산은 간단해요. 물리 크기를 배율로 나누면 돼요.

패널, 물리 픽셀	배율	CSS 픽셀 기준 화면 크기	비율
3840 × 2160	100퍼센트	3840 × 2160	1
3840 × 2160	150퍼센트	2560 × 1440	1.5
3840 × 2160	200퍼센트	1920 × 1080	2
1920 × 1080	100퍼센트	1920 × 1080	1

일부 배율 값은 나누어떨어지지 않아서 브라우저가 결과를 반올림해요. 직접 계산한 값과 픽셀 하나 정도 차이가 나는 것은 정상이에요.

브라우저 확대가 숫자를 바꿔요

브라우저의 확대/축소는 디스플레이 배율과 별개의 설정이에요. 200퍼센트로 확대하면 페이지의 모든 요소가 두 배로 커져요. 브라우저는 이에 맞춰 기기 픽셀 비율을 바꾸므로, 실제 화면은 그대로인데 창의 너비가 CSS 픽셀 기준으로 절반이 돼요. 100퍼센트에서 CSS 픽셀 너비 1280이었던 창이 확대 후에는 640으로 보일 수 있어요.

확대/축소는 두 측정값이 다르게 나오는 가장 흔한 이유예요. 숫자가 이상해 보인다면 먼저 확대 수준을 확인하고, Ctrl+0을 누르세요. Mac에서는 Cmd+0을 누르면 100퍼센트로 돌아가요.

화면, 사용 가능한 화면, 창

헷갈리기 쉬운 크기는 세 가지예요.

• 화면은 운영체제가 알려 주는 디스플레이 전체 크기예요.
• 사용 가능한 화면은 Windows의 작업 표시줄이나 Mac의 Dock과 메뉴 막대처럼 시스템이 따로 쓰는 영역을 뺀 크기예요. 화면보다 커질 수는 없어요.
• 브라우저 창, 즉 뷰포트는 페이지가 그려지는 영역이에요. 탭, 주소 표시줄, 즐겨찾기 표시줄은 제외되며, 창 크기를 바꿀 때마다 달라져요.

사이트에서 화면 크기를 물으면 보통 화면이나 창 크기를 뜻해요. 숫자를 복사하기 전에 어느 쪽이 필요한지 확인하세요.

주사율, HDR, 색 영역

주사율은 디스플레이가 1초에 화면을 몇 번 갱신하는지를 뜻해요. 브라우저는 이 값을 직접 읽을 수 없어요. 페이지가 약 1초 동안 그리는 애니메이션 프레임 수를 셀 수 있을 뿐이에요. 그래서 이 결과는 측정값이고, 탭이 백그라운드에 있거나, 컴퓨터가 바쁘거나, 배터리 절약 모드가 그리기를 제한하면 화면의 실제 주사율보다 낮게 나올 수 있어요. 대략적인 값으로 생각하세요. 주사율 테스트는 이 프레임 수를 세고 프레임 간격을 그려 주고, 내 화면이 정말 120Hz로 동작할까?에서는 이 설정이 어디에 있는지 설명해요.

HDR과 색 영역도 미디어 쿼리를 통해 확인할 수 있어요. 이는 브라우저가 감지한 내용을 나타내므로, 디스플레이의 전체 성능이나 시스템에서 켜 둔 기능과 다를 수 있어요. 이 값은 참고용으로만 보세요.

시스템에서 숫자 찾기

시스템이 실제로 쓰는 값을 확인하려면 디스플레이 설정을 열어 보세요. Windows 11에서는 설정, 시스템, 디스플레이 순서로 들어가 디스플레이 해상도를 보면 돼요. macOS에서는 시스템 설정을 열고 디스플레이를 선택하세요. 두 곳 모두 배율이 적용된 해상도와 선택 가능한 옵션을 보여 줘요.

화면 크기를 알았다면, 새 모니터라면 단색 화면으로 점검해 보는 것이 다음 단계예요. 죽은 픽셀 테스트는 화면을 검정, 흰색, 빨강, 초록, 파랑으로 채워서 고장 난 픽셀이나 계속 켜져 있는 픽셀을 찾을 수 있게 해 줘요.

fixmint로 확인하는 방법

1. 화면 해상도 확인을 열어 주세요. 상단의 "내 화면, CSS 픽셀 기준" 값이 결과예요.
2. "물리 픽셀(추정)"과 "기기 픽셀 비율"과 비교해 보세요. 비율이 1보다 크면 시스템이나 브라우저가 화면을 배율로 키워서 보여 주고 있다는 뜻이에요.
3. 브라우저 창 크기를 바꾸거나 확대 수준을 바꾸고, "브라우저 창, 실시간" 값이 바뀌는지 보세요. Ctrl+0을 누르거나 Mac에서는 Cmd+0을 눌러 100퍼센트로 되돌리세요.
4. "주사율, 측정값, 대략적인 값"을 읽어 보고, 값이 이상해 보이면 주사율 측정하기를 다시 누르세요.
5. 고객지원 양식에 붙여 넣기 전에 전체 복사를 눌러 측정값을 복사하세요.

빠른 답변

모니터가 실제보다 낮은 해상도로 표시되는 이유는 무엇인가요?

배율이 100퍼센트보다 높게 설정되어 있을 가능성이 커요. 물리 해상도는 그대로이고, 페이지는 배율이 적용된 크기를 CSS 픽셀로 읽어요.

브라우저 확대/축소가 화면 해상도를 바꾸나요?

아니요. 페이지의 픽셀 비율과 CSS 픽셀 기준의 창 크기를 바꿀 뿐이에요. 확대 수준을 초기화하면 원래 숫자로 돌아가요.

주사율은 정확한 값인가요?

아니요. 약 1초 동안의 애니메이션 프레임으로 측정한 값이에요. 백그라운드 탭이나 바쁜 컴퓨터는 값을 낮출 수 있어요.