블로그 이미지
블로그 Zone/티스토리 팁 2012.02.02 13:32

최적의 블로그 가로폭은 얼마일까??



안녕하세요? 몽공장을 운영중인 몽공장장입니다.

블로그를 처음 시작하시는 분이라면 고민이 참 많으실겁니다.

블로그 제목은 뭐로 해야하지? 도메인명은 뭐로 하지? 필명은 뭘로 할까?

그리고 스킨은 뭐로 해야할까 많은 고민을 하게 될겁니다.

많은 분들이 블로그 스킨은 2단 스킨을 선호하십니다.

저는 그냥 특이해보이고 싶어서 3단 스킨을 사용했지만 말입니다.ㅋㅋ

2단 스킨의 장점은 본문 폭을 넓게 사용할 수 있으면서도 사이드바 접근성을 높일 수 있다는 거겠죠.



본 이미지의 가로사이즈는 원래 728이나 본 블로그 가로폭에 맞게 줄인 사이즈입니다.



위 광고이미지는 구글 애드센스에서 가로길이가 가장 긴 728 * 90 리더보드 이미지입니다.

이런 가로로 긴 광고를 당장은 게재할 생각이 없더라도 나중에 언제 사용하게 될지는 모르는 일입니다.

그래서 본문 가로폭이 최소 728 픽셀 이상 확보된다면 그만큼 선택의 여지가 커진다는 말이죠.

(728 미만의 본문폭에 이런 광고를 게재하면 광고의 일부가 짤리며 이는 애드센스 정책에 위반되는 사항입니다.)

꼭 광고 게재를 위해서뿐만 아니라 본문의 폭은 넓을수록 글 작성함에 있어서도 편리한 것이 사실입니다.






하지만 무한정 가로폭이 넓어질 수는 없습니다.

왜냐하면 방문자마다 모니터의 인치수가 다르고 또 결정적으로 해상도가 다르기 때문이지요.

그래서 방문자가 이용하는 해상도 중에 최소의 해상도보다는 블로그 전체폭이 작아야 한다는 결론에 이릅니다.

그래야 어떤 해상도의 환경에서도 가로로 짤림이 없이 보이기 때문이죠.

그렇다면 방문자들의 해상도는 어떤지 살펴볼까요?






방문자의 모니터 해상도는 구글 analytics를 이용하면 쉽게 분석할 수 있습니다.

[잠재고객] - [기술환경] - [브라우저/운영체제]로 들어가주세요.






그리고 우측페이지에서 조회조건을 화면해상도를 선택해줍니다.

제 블로그 방문자분들의 해상도 1위는 1280 X 1024 군요.

그 뒤를 이어 1920 X 1080, 1680 X 1050, 1024 X 768 이 뒤를 잇고 있군요.

가장 작은 해상도는 1024 X 768 이네요. 전체 방문자의 10% 가까운 분들이 사용하시는 해상도입니다.

그렇다면 결론은 블로그 가로폭이 1024 픽셀 보다는 작아야 하겠군요.





그럼 블로그 가로폭은 어떻게 수정할까요? 티스토리 관리자 페이지로 가주세요.






가장 쉬운 방법은 스킨위자드를 사용하는 방법입니다.

일부 스킨에서는 스킨위자드를 사용하여 가로폭을 조절시 스킨이 다 깨지는 수가 있으니 주의하세요.ㅋ








스킨위자드를 누르면 이런 창이 뜨는데요.

여기서 게시글 탭으로 가서 붉게 표시한 글영역 넓이를 조절해줍니다.

직접입력란에다가 수치를 적으시고 적용 누르시면 됩니다.

사이드바 크기를 미리 재어놓으신 후 본인이 목표로 하는 전체 블로그 가로폭에서 빼줍니다.

전체 블로그 가로폭 - 사이드바 가로폭 = 본문 글영역 넓이

대략 이렇겠네요.ㅋ 사실 위 공식은 1픽셀까지 확실하게 맞아들어가지는 않아요.







제 블로그로 대충 만들어본 모식도 입니다.ㅋㅋ

저는 본문 가로폭을 여러번 수정해가며 포토샵으로 전체 가로폭을 측정한 결과 1024에 딱 맞췄습니다.

아주 뿌듯하더군요.

물론 3단 스킨을 사용하다보니 애드센스의 리더보드가 들어갈 정도의 본문 가로폭은 나오지 않더군요.








그러나 뿌듯함도 잠시...

1024 X 768 해상도로 변경해서 테스트 해본 결과.

가로폭을 1024에 딱 맞게 맞춰버리면 우측 세로 스크롤바가 가로폭을 먹어버리므로...

가로스크롤바가 생겨난다는 이 불편한 진실..ㅋㅋ 나 뭘 한겨???

하지만 저는 이미 수정할 기운을 잃었기에 지금까지 그냥 이대로 쓰고 있습니다.ㅋㅋ

오늘의 결론!!

블로그 가로폭은 방문자 최소 해상도보다 작아야한다.

아직 1024 X 768 해상도 사용자는 존재한다.

고로 가로폭은 1024 보다 작아야 한다.

세로 스크롤바 영역을 감안하여 1024보다 20픽셀 이상 작게 만들어야 가로 스크롤바가 생기지 않는다.


  • 윈느 2012.03.15 11:12 신고 ADDR 수정/삭제 답글

    좋은정보 잘보구가요- 스킨곧만들어야하는데 난감하네여 크~

    • 몽공장장 2012.03.15 20:01 신고 수정/삭제

      광고를 우선적으로 생각하신다면 일단 본인이 사용하고자하는 광고의 크기와 배치를 잘 고려 후 만드시는 것이 어떨까 싶네요.ㅋ
      댓글 감사합니다.

TOTAL 3,314,185 TODAY 81