스마트폰, 모바일 해상도 사이즈를 시뮬레이션 해볼 수 있는 서비스 다음 트로이(Daum Troy)

2014. 7. 12. 18:01Tech💡 스마트라이프

예전에 홈페이지를 만들다보면 가장 많이 사용하는 해상도 1024x768와 인터넷 익스플로러에서 정상적으로 보일 수 있도록 HTML 코딩을 하느라 애를 먹었던 기억이 납니다.

이제는 모바일 시대라서 대부분의 웹페이지들이 스마트폰 환경에 최적화 하는 디자인으로 패러다임의 전환이 이루어졌는데요. 그래서 그런지 블로그도 반응형 웹 스킨으로 만들어지고, 기업 소개나 제품 프로모션 사이트들은 스크롤다운 형태로  컨텐츠를 열람하기 쉽도록 디자인된 웹사이트들이 주류가 되었습니다.

다음 트로이는 내 웹사이트가 모바일 브라우저에서 열어보면 어떻게 보일지 해상도 시뮬레이션이 가능한 서비스입니다. 요즘에는 누구나 스마트폰을 가지고 있기 때문에 금방 확인을 해볼 수 있지만, 웹디자이너라면 손쉽게 참고해볼 수 있는 도구인 것 같아 소개해봅니다. 사용방법은 너무 간단하니 장황하게 설명한 필요는 없겠죠 ^^


::TROY 바로가기::

troy.labs.daum.net



왼쪽에서 기기별로 정리되어 있는 해상도 셋팅을 선택하고, 트로이 웹서비스 주소창에 웹사이트 주소를 넣으면 해상도 시뮬레이션이 됩니다. ^^ 원하는 해상도 출력을 커스티마이징할수도 있으니 가끔 구형 모바일기기에서 내 웹사이트를 열람해보면 어떻게 보이는지 확인해보는 용도 등등으로 활용해볼 수 있겠죠.

[관련글]

프로토파이 (ProtoPie) 모바일 앱 프로토타이핑 툴 라이센스 구입 후기

728x90
  • 프로필사진
    눈팅2014.08.11 16:02

    해상도가 뭔가 잘못 나온 것이 아닌가요? S4도 1280x720 정도는 된다고 알고 있는데..

    • 프로필사진
      BlogIcon 링크2014.08.12 16:06 신고

      저도 이상하다고는 생각하는데... 해상도 커스티마이징이 가능하니 수동으로 설정해서 사용해도 될 것 같습니다.

  • 프로필사진
    BlogIcon 룩스디자인2014.08.26 12:26

    스마트폰의 해상도와 브라우져의 해상도는 다르답니다. 1280x720해상도로 웹페이지를 보여주면 글자가 너무 작아서 보이질 않아요~~. 보통 기본 해상도의 반정도가 브라우져 해상도로 보시면 됩니다.