방문자 모니터 스크린 해상도 비율 및 다양한 다른 화면 크기에서 웹사이트 테스트: 해상도별 기기별 테스트

블로그나 웹사이트를 하다 보면, 모니터 크기에 따라 어떻게 보여지는가를 생각할 때가 있습니다.

관련업에 종사하는 전문가들은 그에 맞는 프로그램들을 사용하겠지만, 일반 블로거들은 그렇게 까지 하기는 어려울 것으로 보입니다.

각종 기기별로, 각종 스크린 사이즈별로, 온라인상에서 간단하게 테스트 해 볼 수 있는 곳이 몇  있는 것 같습니다. 그 가운데서, 쿼르크-툴즈(QuirkTools) 사이트의 스크린-플라이(Screenfly) 페이지가 간단하고 잘 되는 것 같습니다.

사용법은 간단하면서도 직관적입니다.
해당 사이트에서 테스트 하고자 하는 주소(URL)를 입력하고 실행[Go]하면 됩니다.

페이지 상단의 기기 모양 아이콘 위에 마우스를 올리면, 해당 기기에 따른 각종 모니터 스크린 크기 목록이 나열됩니다. 원하는 크기를 선택하면, 해당 크기에 맞추어 보여 줍니다.

쿼르크-툴즈(QuirkTools) 사이트의 스크린-플라이(Screenfly) 페이지
>> http://quirktools.com/screenfly/

모바일 기기들이 일상화 되어, 웹사이트나 블로그의 특성에 따라 차이가 있겠지만, 모바일 기기 접속이 데스크탑 접속을 넘어서는 곳도 있을 것으로 생각됩니다.

구글 애널리틱스(Analtyics) 등과 같은 접속 통계 및 분석 프로그램을 사용하면, 방문자의 기기종류와 스크린 사이즈별 접속비율을 볼 수 있습니다.  실제 접속 자료를 토대로 하여 웹페이지의 구조나 너비 등을 조절하는 데에 편리하게 활용할 수 있을 것 같습니다.


[구글 애널리틱스에서 방문자 모니터 스크린 해상도 비율 보기]
>> Behavior > Site Content > All Pages > Other > Thecnology > Screen Resolution

도움이 되기를 바랍니다.