새 모니터 샀는데 실제로 몇 픽셀인지 확인하고 싶었다. 제품 스펙이랑 실제랑 같은지 화면 크기 확인 사이트에서 체크해봤다.
모니터 해상도 표시
사이트 들어가면 해상도 확인이 바로 된다. 내 모니터는 2560x1440이라고 나왔다. QHD 맞았다.
브라우저 창 크기도 따로 표시된다. 창을 줄이면 숫자가 실시간으로 바뀐다.
DPR 확인
DPR 확인도 된다. Device Pixel Ratio인데 레티나 디스플레이면 2 이상이 나온다. 내 모니터는 1이라서 일반 디스플레이다.
웹 개발할 때 고해상도 대응하려면 DPR 알아야 한다.
뷰포트 크기
CSS에서 쓰는 뷰포트 크기도 보여준다. 100vw, 100vh가 실제로 몇 픽셀인지 확인할 수 있다.
반응형 웹 만들 때 브레이크포인트 정할 때 참고하면 좋다.
기기별 해상도 비교
iPhone, iPad, MacBook 등 주요 기기의 화면 해상도 측정 값이 표로 정리돼 있다. 내 화면이랑 비교해볼 수 있다.
화면 방향, 터치 지원 여부, 색상 깊이도 표시된다. 브라우저 크기 체크할 때 여기서 다 확인 가능하다.