화면 PPI란 무엇이고, 왜 정확한 측정에 중요한가요?

화면에 "실제 크기" 자를 표시하려고 해 본 적이 있다면 아마 느꼈을 거예요 — 측정값이 틀릴 때가 많다는 걸. 한 노트북에서 10cm로 표시된 선이 다른 노트북에서는 9cm로 보이기도 해요. 이 차이는 단 하나의 숫자에서 비롯돼요 — 바로 화면의 PPI입니다.

PPI란 무엇인가요?

PPI는 **Pixels Per Inch(인치당 픽셀 수)**를 뜻해요. 화면의 물리적 표면 1인치에 얼마나 많은 작은 점(픽셀)이 들어가는지를 알려줘요.

계산 공식은 간단해요:

PPI = 대각선 해상도(픽셀) ÷ 대각선 화면 크기(인치)

대각선 해상도는 이렇게 구해요:

대각선 해상도 = sqrt(가로 픽셀² + 세로 픽셀²)

예를 들어 iPhone 15 Pro는 6.1인치 화면에 2556×1179 픽셀이에요:

• 대각선 해상도 = sqrt(2556² + 1179²) = 2815 픽셀
• PPI = 2815 ÷ 6.1 = 461 PPI

24인치 데스크탑 모니터, 해상도 1920×1080:

• 대각선 해상도 = sqrt(1920² + 1080²) = 2203 픽셀
• PPI = 2203 ÷ 24 = 92 PPI

스마트폰은 모니터보다 1인치에 픽셀을 다섯 배나 더 많이 담고 있는 거예요. 이것이 바로 모니터에서는 픽셀이 눈에 보이지만 스마트폰에서는 보이지 않는 이유예요.

PPI가 화면 측정에 중요한 이유

어떤 웹사이트가 화면에 "정확히 1인치"짜리 선을 표시하려면, 여러분의 화면에서 1물리 인치에 해당하는 픽셀 수를 알아야 해요. 그게 바로 PPI예요.

문제는 이거예요: 브라우저는 실제 PPI를 정확하게 알려 주지 않아요. CSS 규격에서는 1인치를 96픽셀로 정의하고 있어요 — 하지만 이건 기준값일 뿐, 여러분 화면의 실제 PPI가 아니에요. 227 PPI MacBook 디스플레이에서 96픽셀을 그리면 실제로는 약 0.42인치밖에 안 돼요. 측정값이 절반 이상 어긋나는 거죠.

보정을 건너뛴 화면 자가 부정확한 이유가 바로 이것이에요. 96 PPI나 대략적인 추정값을 사용하면, 기기에 따라 10~50% 오차가 생길 수 있어요.

보정이 이 문제를 해결하는 방법

보정은 브라우저가 가정하는 픽셀 밀도와 화면의 실제 픽셀 밀도 사이의 차이를 메워줘요.

Screen Ruler Online이 사용하는 방식:

1. 크기를 알고 있는 물체를 화면에 올려놓아요 — 신용카드(85.6mm 너비), 미국 25센트(24.26mm 직경), 또는 다른 기준 물체
2. 화면의 기준선이 물리적인 물체와 정확히 일치할 때까지 슬라이더를 조정해요
3. 도구가 알고 있는 물리적 크기와 그것이 차지하는 픽셀 수의 비율을 계산해요
4. 이후 모든 측정에 이 보정된 비율이 적용돼요

이 방법은 기기, 운영 체제, 브라우저에 관계없이 작동해요. 브라우저 확대/축소, 디스플레이 스케일링, 서브픽셀 렌더링까지 모두 고려되기 때문에 PPI 기반 계산을 복잡하게 만드는 요인들도 처리돼요.

기기별 PPI 비교

기기 유형에 따라 PPI가 얼마나 다른지 살펴볼게요:

기기 유형	일반적인 PPI	예시
데스크탑 모니터 (1080p, 24")	92	Dell P2419H
데스크탑 모니터 (4K, 27")	163	LG 27UK850
MacBook Air 13"	227	M2 MacBook Air
MacBook Pro 16"	254	M3 Pro MacBook Pro
iPad Pro 12.9"	264	iPad Pro 6세대
iPhone 15	460	기본 모델
Samsung Galaxy S24	416	기본 모델

범위가 굉장히 넓죠 — 일반 데스크탑 모니터의 92 PPI부터 플래그십 스마트폰의 460+ PPI까지. 96 CSS 픽셀로 표시한 "1인치" 선은 특정 모니터 한 종류에서만 정확하고 — 다른 기기에서는 다 틀려요.

PPI vs DPI vs 기기 픽셀 비율

이 세 가지는 서로 관련이 있지만 다른 개념이에요:

PPI (인치당 픽셀): 화면의 물리적 픽셀 밀도. 하드웨어로 고정된 값이라 바꿀 수 없어요.

DPI (인치당 점): 원래 인쇄 분야의 용어예요. 디지털 환경에서는 DPI와 PPI를 혼용하는 경우가 많지만, 엄밀히 말하면 DPI는 프린터 출력 해상도를 뜻해요.

기기 픽셀 비율(DPR): CSS 픽셀과 물리 픽셀의 비율이에요. DPR이 2면 CSS 픽셀 1개가 2×2 물리 픽셀 그리드에 매핑돼요. Apple Retina 디스플레이는 보통 DPR이 2 또는 3이에요.

화면 측정에서 중요한 건 PPI와 DPR의 조합이에요. 브라우저는 CSS 픽셀로 크기를 알려주지만, 실제 물리적 크기는 PPI에 따라 달라요. 기기 픽셀 비율은 곱수 역할을 해요:

물리적 크기 = (CSS 픽셀 × DPR) ÷ PPI

이 때문에 보정이 PPI와 DPR 값을 직접 계산하는 것보다 훨씬 쉽고 믿을 수 있어요 — 브라우저가 이 수치들을 항상 정확하게 보고하지는 않거든요.

Screen Ruler가 PPI를 활용하는 방법

Screen Ruler Online에 처음 접속하면, 도구가 자동으로 기기를 감지하려고 해요. iPhone, Samsung Galaxy, iPad, Xiaomi, OPPO 등 50개 이상의 인기 기기별 PPI 값이 담긴 데이터베이스를 유지하고 있어요.

기기가 인식되면 미리 보정된 PPI 추정값으로 자가 시작돼요. 하지만 그 경우에도 물리적 기준 물체로 보정하는 걸 권장해요. 왜냐하면:

• 브라우저 확대/축소 수준이 실효 픽셀 밀도에 영향을 주기 때문이에요
• Windows에서 125% 또는 150% 스케일링 같은 디스플레이 배율 설정이 CSS와 물리 픽셀 매핑을 바꾸기 때문이에요
• 일부 브라우저는 픽셀 값을 다르게 반올림하기 때문이에요
• 화면 보호 필름이나 케이스가 화면의 체감 크기에 약간의 영향을 줄 수 있기 때문이에요

보정 후에는 설정이 브라우저 로컬 스토리지에 저장돼요. 기기나 브라우저를 바꾸지 않는 한 다시 보정할 필요가 없어요.

"좋은" PPI는 어느 정도인가요?

일반적으로 PPI가 높을수록 글씨와 이미지가 더 선명해요. 하지만 측정 정확도 면에서는 PPI 자체가 중요한 게 아니라 — 보정 정확도가 핵심이에요.

92 PPI 데스크탑 모니터도 460 PPI 스마트폰만큼 정확하게 측정할 수 있어요, 보정만 제대로 되어 있다면요. 다만 PPI가 낮은 화면은 "계단"이 더 거칠어서 — 밀리미터를 더 세밀하게 나눌 수 없어요.

실제로:

• 150 PPI 이상: 보정이 잘 되면 서브밀리미터 정밀도 가능
• 90~150 PPI: 밀리미터 단위 정확도는 안정적; 0.5mm 측정은 다소 애매해질 수 있음
• 90 PPI 미만: 측정 한계가 가장 가까운 1~2mm

반지 크기 확인, 나사 길이 맞는지 체크, 인화 사진 크기 확인 같은 실용적인 용도에는 대부분 밀리미터 단위 정확도로 충분해요.

요약

PPI는 화면마다 측정값이 다르게 보이는 이유예요. 브라우저가 웹 애플리케이션에 안정적으로 전달하지 않는 하드웨어 속성이에요. 보정 — 알고 있는 물리적 물체를 화면 표시와 맞추는 과정 — 이 현실적인 해결책이에요.

화면에서 정확하게 측정하고 싶다면, 복잡하게 계산하지 말고 바로 보정을 해보세요. 10초면 되고, 어떤 기기에서든 작동해요.