1. 이 도구는 무엇을 하나요
이 무료 온라인 화면 검사기는 표시 문제 진단과 표시 정보 확인을 한 곳에서 할 수 있게 해 줍니다. 죽은 픽셀 테스트, 모니터 테스트, 화면 테스트로 죽은·고착 픽셀용 단색, 띠 현상용 그라데이션, 선명도용 패턴을 사용하세요. 브라우저에서 해상도, 색 깊이, 방향을 확인할 수 있습니다. 설치·업로드 불필요, 모든 작업은 브라우저에서 이루어지며 서버로 데이터가 전송되지 않습니다. 죽은 픽셀 확인, 색 정확도, 백라이트 블리드, 선명도, 지원용 표시 정보에 적합합니다.
2. 사용 방법
빠른 시작: 표시 정보(해상도, 색 깊이 등)를 확인하고 테스트(검정, 흰색, 빨강, 초록, 파랑, 그레이스케일, 그라데이션, 체커보드, 그리드)를 선택한 뒤 죽은 픽셀 테스트를 위해 전체 화면으로 전환하고, 어두운 점(죽은)이나 밝은 점(고착)을 확인하세요.
- 표시 정보 — 해상도, 사용 가능 크기, 색 깊이, 기기 픽셀 비율, 방향 확인. 복사 아이콘으로 값 복사.
- 테스트 선택 — 테스트 버튼(검정, 흰색, 빨강, 초록, 파랑, 그레이스케일, RGB 가로·세로, 체커보드, 그리드)을 클릭해 테스트 영역에 해당 패턴 표시.
- 전체 화면 — 전체 화면을 클릭해 테스트 영역을 화면 전체로 확대. 죽은 픽셀 테스트에 권장. Esc 또는 전체 화면 종료로 나가기.
- 검사 — 밝은 화면에서 어두운 점(죽은 픽셀), 어두운 화면에서 밝은 점(고착 픽셀) 확인. 그라데이션으로 색 띠, 패턴으로 선명도 확인.
3. 작동 방식
- 단색 — 검정·흰색·빨강·초록·파랑 전체 영역 배경. CSS
backgroundColor로 렌더링. - 그라데이션 — 색 띠·균일성 확인용 선형 그라데이션(그레이스케일, RGB 가로·세로). CSS
linear-gradient로 렌더링. - 패턴 — 픽셀 정렬·선명도용 체커보드·그리드. CSS
repeating-conic-gradient,linear-gradient로 렌더링. - 표시 정보 — window.screen(width, height, availWidth, availHeight, colorDepth, pixelDepth, orientation), window.devicePixelRatio에서 읽음. 모든 처리는 브라우저에서만 이루어지며 서버로 데이터가 전송되지 않습니다.
4. 사용 사례 및 예시
- 죽은 픽셀 확인 — 검정·흰색 화면 사용. 흰색에서 어두운 점은 죽은 픽셀, 검정에서 밝은 점은 고착 픽셀.
- 색 정확도 — RGB 그라데이션으로 색 띠(부드러운 전환 대신 눈에 띄는 단계) 확인.
- 백라이트 블리드 — 어두운 방에서 검정 화면. 가장자리·모서리에서 새는 빛은 백라이트 블리드.
- 선명도 — 그리드·체커보드로 선이 선명하고 픽셀이 맞게 정렬되는지 확인.
- 표시 정보 — 지원 티켓·호환성·개발용 해상도·색 깊이 복사.
예시
- 검정 선택 → 완전 검정 화면, 밝은 고착 픽셀 확인.
- 흰색 선택 → 완전 흰색 화면, 어두운 죽은 픽셀 확인.
- 전체 화면 → 테스트 영역이 화면 전체를 채워 정확한 진단.
5. 제한 사항 및 알려진 제약
- 브라우저 뷰포트 — 일반(비전체화면) 모드에서는 테스트 영역이 페이지 영역으로 제한됩니다. 전체 화면으로 전체 표시를 덮으세요.
- Screen API 한도 — 표시 정보는 브라우저가 노출하는 범위입니다. 다중 모니터는 주 또는 현재 모니터만 보고할 수 있습니다.
- 저장 없음 — 데이터를 저장하지 않으며, 로드 시 읽은 정보를 메모리에 표시합니다.