모니터 스펙에 1920x1080이라고 적혀 있다. 이건 픽셀 수를 말하는 거지, 실제 화면 크기(인치)를 말하는 게 아니다. 같은 해상도라도 24인치와 27인치는 다르다.
해상도 vs 화면 크기
해상도는 픽셀 수다. 1920x1080은 가로 1920픽셀, 세로 1080픽셀. 화면 크기는 대각선 길이를 인치로 표시한 거다. 화면 크기 확인기로 현재 해상도를 바로 확인할 수 있다.
PPI 계산
24인치 FHD 모니터의 PPI는 약 92다. 27인치 FHD는 약 82. PPI가 높을수록 글씨가 선명하게 보인다. 같은 해상도라도 화면이 작을수록 PPI가 높다.
확인하는 방법
화면 크기 확인기에서 현재 브라우저 창 크기와 해상도를 실시간으로 볼 수 있다. 모니터 스펙과 맞는지 확인해보자.
화면 크기 측정의 중요성
웹 개발에서 화면 크기를 정확히 아는 것은 매우 중요하다. 잘못된 가정을 하면 레이아웃이 깨지거나 사용자 경험이 나빠질 수 있다. 화면 크기 확인기로 항상 실제 크기를 확인하는 습관을 들이자. 특히 반응형 웹을 만들 때는 다양한 화면 크기에서 테스트해야 한다.
실무에서 자주 하는 실수
개발자 모니터 기준으로만 디자인하면 작은 화면에서 문제가 생긴다. 또 데스크톱만 생각하고 만들면 모바일에서 터치가 어려울 수 있다. 항상 다양한 환경을 고려하고 확인기로 여러 크기에서 테스트하자.
앞으로의 트렌드
폴더블 폰, 대형 태블릿 등 화면 크기가 점점 다양해지고 있다. 고정된 브레이크포인트보다는 콘텐츠 기반으로 유연하게 대응하는 디자인이 중요해지고 있다. 화면 크기 확인기로 새로운 기기들의 화면 크기도 확인하면서 대응하자.