웹디자인 해상도

디자인을 시작할 때 어떤 해상도로 디자인을 시작해야 할지 반응형은 어떻게 해야 할지 막막했다. 이번 프로젝트가 웹이기 때문에 이번 포스팅은 웹디자인 해상도와 반응형에 대해 이야기하도록 하겠다. 

1. 유저들의 모니터 해상도

먼저 PC 유저들이 어떤 해상도를 많이 쓰는지 파악해보자. 

(참고) 아래 사이트에 들어가면 사람들이 어떤 해상도를 많이쓰는지 알 수 있다.

https://gs.statcounter.com/screen-resolution-stats/desktop/worldwide/#monthly-202202-202302

Desktop Screen Resolution Stats Worldwide | Statcounter Global Stats

 

이 차트는 22년 2월~23년 2월까지 전 세계 사용자들의 모니터 해상도 이용률인데 1920x1080이 가장 많고 다음으로 1366x768, 1536x864 가 차례로 비율을 차지하고 있음을 볼 수 있다. 

한국으로 필터를 놓고 다시 조회 한국해보았다. 한국에서는 1920x1080이 압도적으로 많음을 확인할 수 있었다. 

그렇다면 1920x1080으로 해상도를 잡으면 되는 건가? 아니다. 

만약 1920x1080으로 해상도를 잡고 디자인하게 되면 그보다 작은 PC나 노트북에서는 콘텐츠가 잘려 보이게 된다. 

 

따라서 모든 해상도에 대응하기 위해 1280x720을 최소로 잡고 디자인하기로 했다.