해상도와 브라우저 표시 영역
해상도는 가로와 세로의 픽셀 수입니다. 브라우저의 표시 영역은 웹페이지가 사용할 수 있는 공간이므로 창 크기나 도구 모음에 따라 달라집니다. 두 값이 다른 것은 정상입니다.
devicePixelRatio는 CSS 픽셀과 기기 픽셀 사이의 비율을 나타냅니다. 예를 들어 1512×982와 2×를 곱하면 3024×1964가 되지만, 운영체제의 배율 처리나 브라우저 확대 때문에 이 계산이 패널의 실제 픽셀 수와 일치하지 않을 수도 있습니다.
PPI 계산하기
PPI는 1인치에 들어가는 픽셀 수입니다. 가로 픽셀 수를 W, 세로를 H, 대각선 크기를 D인치라고 하면 PPI = √(W² + H²) ÷ D입니다. 입력한 대각선 크기와 픽셀 수가 정확해야 결과도 정확합니다.
27인치 3840×2160 화면은 약 163PPI입니다. 같은 해상도의 55인치 TV는 약 80PPI지만 더 멀리서 보기 때문에 픽셀이 덜 도드라질 수 있습니다. 해상도와 PPI 가이드에서 자세히 설명합니다.
선명도가 기대와 다르다면
운영체제에서 권장 해상도를 쓰는지, 브라우저 확대가 의도한 값인지 확인하세요. 화면 비율 계산은 화면 비율 계산기, 전체 점검은 모니터 테스트에서 이어갈 수 있습니다.