화면 해상도는 화면에 표시되는 픽셀 수로, 너비×높이(예: 1920×1080)로 표시됩니다. 해상도가 높을수록 픽셀이 많고 이미지가 선명합니다.

기기 픽셀 비율(DPR)이란?

DPR은 물리적 픽셀과 CSS 픽셀의 비율입니다. DPR이 2이면 하나의 CSS 픽셀이 2×2 물리적 픽셀을 사용합니다. 레티나 디스플레이는 보통 DPR이 2 또는 3입니다.

화면과 뷰포트의 차이는?

화면 해상도는 디스플레이의 총 픽셀 크기입니다. 뷰포트는 브라우저 창에서 웹페이지의 보이는 영역으로, 도구 모음과 스크롤바로 인해 화면보다 작습니다.

브라우저 창 크기를 조정하면 뷰포트 크기가 변하지만 화면 해상도는 그대로입니다. 이 도구는 둘 다 실시간으로 추적합니다.

이 도구를 열면 자동으로 해상도를 감지합니다. 수동으로도 확인할 수 있습니다: Windows는 바탕화면 우클릭→디스플레이 설정; Mac은 시스템 환경설정→디스플레이.

일반적인 해상도는: 1366×768(노트북), 1920×1080(Full HD, 가장 흔함), 2560×1440(2K/QHD), 3840×2160(4K UHD), 2560×1600(MacBook).

PPI는 인치당 픽셀 수를 나타내며 화면의 픽셀 밀도를 측정합니다. PPI가 높을수록 정교한 표시와 선명한 텍스트를 제공합니다.

OS 디스플레이 설정에서 변경합니다: Windows→설정→시스템→디스플레이→디스플레이 해상도; Mac→시스템 환경설정→디스플레이→해상도 선택. 기본 해상도를 사용하는 것이 좋습니다.

화면비는 화면 너비와 높이의 비례 관계입니다. 일반적인 비율은 16:9(와이드스크린, 대부분의 모니터와 TV), 16:10(생산성 노트북), 4:3(구형 모니터), 21:9(울트라와이드 모니터).

색 심도는 디스플레이가 표시할 수 있는 색상 수를 나타냅니다. 8비트는 약 1670만 색상(표준), 10비트는 약 10억 7000만 색상(HDR 디스플레이)을 표시할 수 있으며, 더 높은 비트 심도는 더 부드러운 색상 전환을 제공합니다.

화면 해상도, 뷰포트 크기, DPI, 색 심도를 실시간으로 감지합니다.

