Pixel Density

픽셀 밀도는 디스플레이의 단위 길이당 물리 픽셀 수이며, 단위는 인치당 픽셀(PPI)입니다. 화면의 해상도와 실제 크기에 따라 결정됩니다. 5120×2880 픽셀인 27인치 디스플레이의 대각선 픽셀 수는 약 5,874이며, 밀도는 약 218 PPI입니다.

같은 시청 거리에서 밀도가 높을수록 텍스트와 선이 더 매끄럽게 보입니다. 운영체제는 사용 가능한 크기를 유지하기 위해 인터페이스 요소를 확대합니다. macOS는 인터페이스를 포인트 단위로 측정합니다. 표준 디스플레이에서는 한 포인트를 1×1 픽셀로, Retina 디스플레이에서는 2×2 픽셀로 그립니다.

웹에서는 같은 비율을 기기 픽셀 비율이라고 합니다. CSS 픽셀 하나에 대응하는 물리 픽셀 수입니다.

픽셀 밀도와 디스플레이의 선명도

해상도는 같지만 크기가 다른 두 디스플레이는 밀도가 다릅니다. 1920×1080 패널은 13인치에서는 선명하게 보이고, 27인치에서는 거칠게 보입니다. 보이는 모습은 밀도만으로 정해지지 않습니다. 시청 거리와 배율 설정도 영향을 줍니다.

픽셀 밀도가 스크린샷에 미치는 영향

스크린샷은 물리 픽셀을 기록합니다. 2배 Retina 디스플레이에서 1600×900포인트 캡처 영역은 3200×1800픽셀 이미지가 됩니다. 같은 영역을 1배 외장 모니터에서 캡처하면 1600×900픽셀입니다. 캡처 세션 중에 디스플레이를 옮기면 세트 안의 이미지 크기가 달라집니다.

Temposhot은 캡처 중 디스플레이 구성이 바뀌면 Display Configuration Changed 대화상자를 표시합니다. 이 대화상자에는 Continue with Selected Display와 Stop Capture 버튼이 있습니다.

기기 픽셀 비율

기기 픽셀 비율	예	CSS 픽셀 400의 요소 너비
1	일반 데스크톱 모니터	400픽셀
2	Mac Retina 디스플레이	800픽셀
3	최근 많은 휴대폰	1200픽셀

브라우저 도구와 스크린샷 라이브러리에서는 기기 픽셀 비율을 설정할 수 있으므로, 데스크톱에서도 휴대폰 밀도의 캡처를 만들 수 있습니다.

자주 하는 실수

• 한 문서에 1배 스크린샷과 2배 스크린샷을 섞어 일부가 흐리거나 과도하게 커 보임.
• 디스플레이의 PPI와 이미지에 저장된 DPI 값을 혼동함.
• 웹 페이지에서 2배 스크린샷을 원래 픽셀 크기 그대로 표시함.
• 2배 캡처를 정확히 50%가 아닌 홀수 배율로 축소함.

같은 스크린샷을 반복해서 찍고 있나요?

이미지 크기가 일정하도록 모든 캡처를 같은 디스플레이에서 실행합니다. 자세한 내용은 Mac 스크린샷 자동화를 참고하십시오.

자주 묻는 질문

스크린샷의 픽셀 크기는 어떻게 확인하나요?

Screenshot Resolution Checker에 이미지를 열거나, Mac에서는 미리보기의 인스펙터를 사용합니다.

픽셀 밀도와 해상도는 같은가요?

아닙니다. 해상도는 픽셀 수이고, 픽셀 밀도는 실제 화면의 인치당 픽셀 수입니다.

출처

• Pixel density (Wikipedia)
• Window.devicePixelRatio (MDN)

관련 자료

• 캡처 조작과 복구: 캡처 중 디스플레이 변경.
• DPI: 인쇄 기준 해상도 값.