데드 픽셀·화면 테스트

작동 방식

WHATWG Fullscreen API로 화면 전체를 단색, 그러데이션, 촘촘한 체크무늬로 채웁니다. 단색 화면에서 데드 픽셀은 늘 검게, 스턱 픽셀은 한 가지 밝은 색으로 남고, 검은 화면에서는 가장자리의 빛샘이나 글로우가 보입니다. 그러데이션은 계단 현상과 색 얼룩을, 체크무늬는 깜빡임이나 번짐을 드러냅니다.

정보 패널은 CSSOM View 표준을 씁니다. CSS 픽셀 단위의 screen.width·screen.height, CSS 픽셀 하나에 기기 픽셀이 몇 개인지 나타내는 window.devicePixelRatio, 브라우저 창 크기, 색 깊이, 색 영역(color-gamut)·HDR(dynamic-range) 미디어 쿼리입니다. 주사율은 애니메이션 프레임 간격으로 추정합니다.

무엇을 볼까

• 데드 픽셀: 모든 색에서 검게 남는 점. 흰 화면에서 잘 보입니다.
• 스턱 픽셀: 빨강·초록·파랑 중 한 색으로 남는 점. 검은 화면이나 반대색에서 잘 보입니다.
• 빛샘·글로우: 검은 화면에서 가장자리나 모서리가 밝게 번지는 부분(어두운 방에서 보세요).
• 계단 현상·색 틀어짐: 회색 그러데이션에 보이는 띠나 색 변화.

픽셀, CSS 픽셀, DPR

웹 페이지는 CSS 픽셀로 배치됩니다. 고해상도 화면에서는 CSS 픽셀 하나가 기기 픽셀 여러 개를 덮으며, 그 비율이 기기 픽셀 비율(DPR)입니다. 운영체제의 디스플레이 배율(예: 125 %, 150 %)을 바꾸면 DPR이 바뀌어 CSS 픽셀 화면 크기는 줄지만 실제 해상도는 그대로입니다.

픽셀 = CSS px × DPR · 예: 125 %에서 1536 × 864 = 1920 × 1080

팁

• 새 모니터나 노트북은 받자마자 확인하세요. 불량 화소 교환·반품은 기간이 짧고 기준이 브랜드마다 다릅니다.
• 정면에서 30~50 cm 거리로 본 뒤, 조금 물러나 평소 사용 거리에서도 보이는지 판단하세요.
• 측정한 주사율이 모니터 사양보다 낮으면 운영체제의 주사율 설정과 케이블을 확인하세요.

기준과 출처

• CSSOM View 모듈 (screen, devicePixelRatio) · W3C
• Fullscreen API 표준 · WHATWG
• Window.devicePixelRatio · MDN Web Docs

최종 검토 2026년 10월 18일