화면 해상도와 PPI: 픽셀 밀도·배율 이해하기

MacBook의 기기 정보에 1512×982 @2.0x처럼 표시되는데 제품 사양은 3024×1964일 수 있습니다. 둘은 서로 다른 크기를 나타낼 수 있습니다. 논리적인 화면 크기와 패널의 픽셀 수를 구분하면 해상도와 배율을 이해하기 쉬워집니다.

함께 읽어야 할 네 가지 수치

해상도는 가로·세로 픽셀 수입니다. 1920×1080은 Full HD, 2560×1440은 QHD, 3840×2160은 흔히 4K라고 부릅니다. 55인치 TV와 27인치 모니터가 같은 해상도여도 픽셀 크기는 다릅니다.

PPI는 1인치당 픽셀 수입니다. 대각선 픽셀 수를 대각선 길이로 나눕니다. 같은 3840×2160이라도 27인치는 약 163PPI, 55인치는 약 80PPI입니다. 밀도가 높을수록 같은 거리에서 픽셀이 작게 보입니다.

시청 거리도 중요합니다. 눈에서 멀어지면 같은 픽셀이 더 작게 보입니다. 450PPI 스마트폰과 110PPI 데스크톱 모니터를 숫자만으로 비교하기 어려운 이유입니다. 각도당 픽셀 수와 개인의 시력도 체감에 영향을 줍니다.

**기기 픽셀 비율(DPR)**은 CSS 픽셀과 기기 픽셀 사이의 비율입니다. @2.0x는 두 배 비율을 뜻하지만 브라우저 확대와 OS 처리 때문에 패널의 실제 배열을 그대로 나타낸다고 단정할 수는 없습니다.

고해상도 화면에서 논리 크기가 작아지는 이유

220PPI 화면의 UI를 배율 없이 그리면 글자와 버튼이 너무 작아질 수 있습니다. 그래서 OS는 편한 크기의 논리 좌표를 사용하고 더 많은 픽셀로 렌더링합니다. 정수 배율 2×라면 논리 1픽셀에 가로·세로 2픽셀씩 대응하는 형태를 생각할 수 있습니다.

1512×982 @2.0x는 이런 단순한 경우 3024×1964에 대응합니다. 웹페이지에서 폭 300 CSS 픽셀 이미지를 선명하게 보이게 하려면 600픽셀 이미지가 유리할 수 있는 이유도 같습니다. 다만 이 곱셈을 모든 환경의 물리 해상도 판정으로 쓰지는 마세요.

1.25×나 1.5× 같은 소수 배율에서는 논리 픽셀 경계가 물리 격자와 맞지 않습니다. 앱의 배율 지원과 OS의 리샘플링에 따라 가는 선이나 글자의 모양이 달라질 수 있습니다. 배율을 없애는 것보다 지원이 잘 되는 앱과 권장 해상도를 사용하는 편이 나을 수도 있습니다.

어느 정도면 충분히 선명한가요?

흔히 각도 1도당 약 60픽셀을 기준으로 설명하지만 시력과 콘텐츠에 따라 차이가 납니다. 아래는 제품 구매를 결정하는 절대 기준이 아니라 거리와 밀도를 함께 생각하기 위한 예입니다.

픽셀 수가 늘면 렌더링 비용도 증가합니다. 밀도를 높이는 장점과 처리 부하를 함께 고려해야 합니다. 벤치마크는 화면 크기가 비교에 과도하게 영향을 주지 않도록 내부 렌더링 크기에 상한을 둡니다.

내 화면 정보 확인하기

해상도 확인 도구는 논리 크기, 추정 물리 픽셀, DPR, 화면 비율을 표시합니다. 대각선 크기를 입력하면 PPI도 계산합니다. 기기 정보에서는 GPU, 색 심도, 프레임 주기 등을 함께 볼 수 있습니다.

1. 배율이 의도한 값인지 봅니다. DPR 1.0이라고 반드시 문제가 있는 것은 아닙니다. 글자 크기와 브라우저 확대, OS 설정을 함께 확인하세요.
2. 권장 해상도를 사용 중인지 확인합니다. 비정수 확대나 비네이티브 입력은 선을 흐리게 만들 수 있습니다. 테스트 패턴의 미세한 선을 보되 모아레나 브라우저 배율의 영향도 고려합니다.

중고 기기는 PPI만큼 패널 상태도 중요합니다. 높은 밀도라도 번인이나 터치 문제가 있는 화면이라면 실제 사용 만족도가 낮을 수 있습니다.