본문으로 건너뛰기
SPCXTools

화면 해상도

화면 해상도, 브라우저 뷰포트 크기, 픽셀 비율 및 기타 디스플레이 세부 정보를 즉시 확인하세요.

로컬 실행 — 파일이 기기 외부로 전송되지 않습니다

도구 불러오는 중…

화면 해상도 사용 방법

  1. 1페이지를 엽니다. 화면 해상도가 상단에 즉시 표시됩니다.
  2. 2아래에서 CSS 해상도, 기기 픽셀 비율, 뷰포트 크기, 화면 비율, 색상 심도 등 세부 정보를 확인하세요.
  3. 3브라우저 창 크기를 조절하거나 기기를 회전해 보세요. 값이 실시간으로 업데이트됩니다.
  4. 4버그 리포트 등에 모든 세부 정보를 공유하려면 복사를 클릭하세요.

내 화면 해상도는?

화면 해상도는 디스플레이의 가로 및 세로 픽셀 수(예: 1920 × 1080)를 의미합니다. 이 도구는 사용자의 해상도를 즉시 확인해 주며, 웹 디자이너, 개발자, 고객 지원 팀에 필요한 세부 정보(CSS 해상도, 기기 픽셀 비율, 브라우저 뷰포트 크기, 가용 화면 공간, 화면 비율, 색 심도, 색 영역, HDR 지원 여부)도 함께 제공합니다. 모든 데이터는 브라우저에서 로컬로 처리됩니다.

수치 이해하기

물리적 해상도는 디스플레이 패널의 실제 픽셀 수입니다. 모니터 제조사에서 광고하는 수치(예: 2560 × 1440)를 말합니다.

CSS 픽셀은 웹사이트에서 사용하는 논리적 단위입니다. 시스템에서 디스플레이 배율을 조정하면(예: 레티나 디스플레이에서 200% 적용), 하나의 CSS 픽셀이 여러 개의 물리적 픽셀을 차지하게 되어 텍스트가 읽기 편한 크기를 유지하면서도 훨씬 선명하게 보입니다.

**기기 픽셀 비율(DPR)**은 이 두 가지를 연결하는 수치입니다: 물리적 픽셀 = CSS 픽셀 × DPR.

뷰포트는 브라우저 화면에서 실제로 웹페이지가 표시되는 영역입니다. 창 크기를 조절하거나 개발자 도구, 북마크 바를 켜고 끌 때마다 크기가 변합니다.

대표적인 화면 해상도

이름 해상도 화면 비율
HD (720p) 1280 × 720 16:9
Full HD (1080p) 1920 × 1080 16:9
WUXGA 1920 × 1200 16:10
QHD (1440p) 2560 × 1440 16:9
UWQHD (울트라와이드) 3440 × 1440 21:9
4K UHD 3840 × 2160 16:9
5K 5120 × 2880 16:9

이 정보가 필요한 분

웹 디자이너 및 개발자는 실제 뷰포트 크기와 픽셀 비율을 기준으로 반응형 레이아웃을 테스트하고, 방문자가 신고한 버그를 재현할 때 이 정보를 활용합니다.

고객 지원 및 IT 팀은 디스플레이나 레이아웃 문제를 해결할 때 화면 세부 정보를 요청합니다. 복사 버튼을 사용해 모든 정보를 한 번에 전송하세요.

게이머 및 크리에이터는 새 모니터가 배율이 조정되거나 낮은 해상도가 아닌 기본 해상도로 제대로 작동하는지 확인합니다.

배경화면, 스크린샷, 프레젠테이션을 구매하는 분들은 화면 크기에 정확히 맞는 이미지를 선택해 가장 선명한 화질을 얻을 수 있습니다.

모니터 주사율 테스트로 디스플레이의 화면 갱신 속도를 확인하거나, 불량 화소 테스트로 화면에 결함이 있는지 검사해 보세요.

자주 묻는 질문 (FAQ)

해상도가 제 모니터 사양과 다르게 나오는 이유는 무엇인가요?
운영 체제는 종종 인터페이스 배율을 조정합니다. 150% 배율로 설정된 3840 × 2160(4K) 모니터는 웹사이트에 2560 × 1440의 "CSS" 해상도와 1.5의 기기 픽셀 비율을 보고합니다. 상단의 화면 해상도는 이를 다시 물리적 픽셀로 곱해 보여줍니다. 브라우저 확대/축소 역시 픽셀 비율을 변경하므로, 정확한 결과를 얻으려면 배율을 100%(Ctrl/Cmd + 0)로 초기화하세요.
기기 픽셀 비율(DPR)이란 무엇인가요?
DPR은 CSS 픽셀당 물리적 픽셀 수입니다. 일반 모니터의 DPR은 1이며, Retina Mac과 대부분의 스마트폰은 2 또는 3입니다. 고DPR 화면은 각 CSS 픽셀을 여러 물리적 픽셀로 표현하기 때문에 텍스트와 이미지가 훨씬 선명합니다.
뷰포트(viewport)란 무엇이며 왜 중요한가요?
뷰포트는 브라우저 창에서 툴바와 탭을 제외하고 실제 웹 페이지가 표시되는 영역입니다. 웹 디자이너는 반응형 웹을 만들 때 전체 화면 크기가 아닌 뷰포트를 기준으로 하므로, 사용자의 기기에서 웹사이트가 어떻게 보이는지 확인할 때 가장 유용한 수치입니다.
"사용 가능한" 화면 크기란 무엇인가요?
전체 화면 영역에서 Windows 작업 표시줄이나 macOS 메뉴 막대 및 Dock과 같은 고정된 운영 체제 요소를 제외한 영역입니다. 즉, 창이 이러한 요소들을 가리지 않고 커질 수 있는 최대 크기를 의미합니다.
표시된 HDR 및 색 영역 정보는 정확한가요?
브라우저가 CSS 미디어 쿼리를 통해 보고하는 값을 반영합니다. 디스플레이와 운영 체제가 HDR 모드일 때 HDR이 지원되는 것으로 표시되며, 광색역(Display P3)은 Apple 기기 및 최신 스마트폰과 모니터에서 흔히 지원됩니다.