페이스북에 사용하는 커버나, 프로필, 기타 등등의 이미지 제작시 참고할 사이즈입니다.

페이스북은 이미지를 업로드 하면 일정 부분 해상도가 낮아지는 부분이 있기 때문에 실제 보여지는 이미지로 제작할께

제작할 사이즈가 별도로 있습니다.. 그렇기 때문에 이미지를 보여주는 크기보다 크게 제작하여 해상도를 보완 하기 위해서입니다.


아래 사이즈의 기준은 모두 px 입니다.



페이지 커버사진


커버이미지는 크기는 공식적으로는 851 * 315 입니다.

제작 이미지 사이즈는 1300 * 480으로 제작 합니다.




프로필 사진


프로필 이미지는 180 * 180 입니다.

실제 제작 사이즈는  270 * 270 입니다.




페이지에서 사용하는 탭 사진


페이지에서 사용하는 탭의 크기는 111 * 74 입니다.

실제 제작 사이즈는 400 * 267 입니다.




그룹커버 사진


그룹커버 이미지는 800 * 250 입니다. (아랫 부분 30 정도가 잘려서 보입니다.)

실제 작업 사이즈는 1200 * 375 입니다.




https://www.facebook.com/



Post by : 친절한 재아

댓글을 달아 주세요!

블로그 본문 사이즈를 2년만에 변경 했습니다.
본문에 따라 당연히 블로그 전체 사이즈도 변경되었습니다.

이전에는 960 (640 + 280) 을 유지했습니다. [ 이번에는 1070 (750 + 280) 을 유지하기로 결정 했습니다. ]

블로그 사이즈를 변경하게 되면 많은 부조합이 따른다는 걸 알기 때문에 쉽게 결정을 하지는 못했습니다.
블로그의 사이즈가 커지면 커질수록 감수 해야할 요소도 많습니다.

아래 몇가지로 정리 해봤습니다.

블로그 본문 폭의 사이즈를 작게 줄였을때의 부조합 

삽입된 이미지의 자동 축소가 안됨
블로그 본문폭의 사이즈를 늘리게 되면 다시는 돌릴수 없다라고 생각하는게 맞습니다.
그 이유는 다음과 같습니다.

500사이즈 본문을 사용하다가, 700 사이즈로 변경을 하고 나중에 스킨이 너무 마음에 들어서 500 사이즈로 다시 변경을 할때 이미 그동안에 삽입되었던 이미지가 모두 우측이 짤리는 경우가 생깁니다.
(간단하게 지금 사용하는 본문폭보다 작은 사이즈로 임시로 스킨을 변경 해보시기 바랍니다. 어떤 현상이 생기는지.... )

본문 내용은 본묵 폭에 리사이즈 되어 맞춰서 내려가게 되지만 이미지는 본문폭에 맞춰서 자동으로 축소가 되지 않습니다.


애드센스와 광고에 따른 어긋남
애드센를 상단에 2개를 배열하는 분도 있고, 1개 혹은 다양하게 배열 하는 방법이 있는데요!
이 또한 블로그 본문 사이즈를 줄이게 되면, 그 하단에 영향을 받는 광고부터 상단에 있는 애드센스까지 다시 배열을 하거나 광고 규격을 바꿔야 하기도 합니다. 가장 많이들 사용하는 300 * 250 사이즈를 포기를 해야 할수도 있습니다.


모니터 해상도에 따른 사이드바의 실종 (1024기준)
본문을 늘리게 되면 그에 따라 손해를 보는것도 역시 사이드바입니다. 본문 사이즈가 커질수록 밀려 나는건 사이드바겠죠!!
사이드바를 손해 보지 않으려면 적정선의 사이드바 폭을 유지 해야 합니다. 이럴경우 나타나는 현상은 (가로형 스크롤바)가 생겨납니다.
이 상황이 싫기 때문에 본문 사이즈를 늘리는것도 신중을 해야 하는 부분입니다.

얼마전에 가장 활용도 높은 본문 사이즈 설문조사와 가장 많이 사용하는 현재 모니터 해상도 설문을 한적이 있습니다
아래 두글을 확인 하시면 도움이 되실것으로 생각합니다.

2011/11/23 - [나이스팁/인터넷] - 모니터 화면 해상도 설문조사 합니다.
2011/09/26 - [나이스팁/블로그] - 블로그 본문폭에 대한 생각
2011/10/13 - [나이스팁/블로그] - 블로그의 활용도가 높은 본문 사이즈는?
2011/07/18 - [나이스팁/블로그] - 블로그의 가장 이상적인 본문 사이즈는 얼마일까요??


블로그 본문 폭의 사이즈를 크게 키웠을때의 부조합 

본문 내용에 따른 가독성이 좋다.
블로그 본문 사이즈를 늘리게되면 좋은점은 가독성이 좋아집니다. 넓은 화면에 많은것을 담을수가 있다는점입니다.
블로그는 본문에 집중되는 매체입니다. 그럼으로 사이드바에 아무리 많은걸 넣는다고 하여도 블로그 본문에 집중이 된다는점에 있어서 본문폭이 작은것보다 큰것이 좋을수 있습니다.

기존 사이즈에서 블로그 본문 사이즈를 키웠을때 어떤 부분이 나타나지 않는다거나 하는건 없는것도 한몫을 합니다.
그럼으로 작은 사이즈를 큰 사이즈로 변경하는건 큰 영향이 없지만, 큰 사이즈를 작은 사이즈로 영향을 많이 받습니다.


본문 내용에 따른 이미지와 동영상등 전체적인 컨텐츠의 뷰포인트
블로그 본문 사이즈를 늘리게되면 (당연히 삽입되어지는 사진과 동영상등의 컨텐츠가 일반 적인 블로그의 본문 보다는 크게 보입니다.)
크게 보일수 있다는건 눈에 잘 들어온다는 얘기이며 더불어서 집중성이 좋아집니다.

간단하게 길거리에 현수막이 걸렸다고 했을때, 작은 현수막에 깨알같은 글씨 보다는 큰 현수막에 크게 쓰여진 글씨가 잘 보일겁니다.

블로그는 포털처럼 메인을 통하여 접근하는 매체가 아니라 자기가 필요로 하는 정보를 찾아 들어오는 게시물 형식의 컨텐츠입니다.
다른 말로 돌려보면 블로그 첫 페이지를 통해서 들어오는것보다 검색을 통하여 해당 게시물(컨텐츠) 글주소를 클릭하여 들어오는 경향이 많기 때문에 블로그 본문에 가장 많은 눈이 갈수 밖에 없다는겁니다.

이렇게 볼때 작은 본문보다 당연히?? 큰 본문이 정보를 원하는 사람에게는 좋습니다.


너무 큰 본문 사이즈는 역효과
블로그 본문 사이즈가 크면 좋다고 해서 너무 크면 오히려 역효과가 생기는 경향이 있습니다.
블로그는 아까도 말씀 드렸듯이 본문 영향이 가장 큽니다.
이렇게 되었을때 본문에 있는 글을 읽는다면 눈은? 왼쪽부터 오른쪽까지 움직이는 거리가 멀어질것입니다.
그에 따라 스크롤바의 압박이 많은 글은 피로할수 밖에 없으며, 이는 집중력을 떨어트려 글의 하단으로 스크롤 하기 쉽습니다.

또한, 본문에 삽입되어진 이미지가 클 경우 그에 부합으로 겉 들어지는 보조설명의 글이 오히려 한 화면에 담겨지지 않아서 전달력이 떨어질수 있습니다.

다시 말해서 한 화면에서 이미지가 삽입되고 그에 따른 내용에 대한 요약정도가 눈에 들어 와야 합니다.
그럼으로 사진을 어필하는 사진 블로그라면 큰 본문이 좋겠지만, 그렇지 않고 정보를 전달하는 매체라면 적절한 사이즈의 이미지와 그에 따른 내용이 눈에 들어올수 있는 사이즈가 좋다라고 생각합니다.


Post by : 친절한 재아

댓글을 달아 주세요!

  1. 저는 여러가지 수정하는 것이 엄두가 안나서 그냥 유지하고 지내는 타입이에요 ㅋ

  2. 스킨의 본문 사이즈가 변해도 스크립트를 이용하면, 이미지 사이즈 문제는 해결할 수 있다고 들은 것 같습니다.

  3. 그래서 저는 블로그 스킨이나 본문폭 등의 수정은 아예 손도 대지 않습니다 ^^

  4. 저도 현 상황 스킨에서 블로그 본문폭하고, 사이드바 폭 늘리고 싶은데..도전할 엄두가..T.T..휴,,

  5. 정말 스킨한번 만지려면 신중하게 여러가지를 생각하고 만져야 고생을 덜하는것 같아요..
    오랜만이네요.. 잘 지내시죠..^^

  6. 저도 사이즈 변화하면서 기존 사진들이 약간 짤려요.ㅠ

  7. 결국은 고민을 하다가 결정하셨군요...
    본문폭이 작아질 때의 가장 큰 고민은 역시나 이미지나 동영상등의 잘림현상이 될테구요.. 이거 자동 맞춤이 되면 부담이 없을텐데....
    그리고 본문 폭이 커질 때의 고민은 가독성이 되겠죠... 이미지나 단일 컨텐츠의 크기는 커져서 좋겠지만 텍스트의 가시성도 역시나 중요하지 않을까 싶어요... 너무 넓어지면 속된말로 눈돌아가는 경우가 있으니....ㅎㅎㅎ

    • 스크립트를 삽입한다면 된다고 하는데..
      그것보다는 티스토리 자체적으로 스킨에 맞춰서 리사이즈 되야 하는게 맞다라고 봅니다....

      네 맞습니다.^^;;

  8. 본문사이즈를 키우셨네요. 시원한 감이 좋습니다.
    저도 생각은 있는데 엄두가 안나네요.
    좋은 글 잘봤습니다.

  9. 글씨가 큼직큼직 해 져서 보기 좋아졌는데
    역시 본문 폭이 증가하면 몇가지 꺼림직한 것들이 남네요 ㅠㅠ

  10. 저도 지금까지 스킨을 3번정도 바꿔봤었는데 이게 여간 힘든게 아니더라구요;;
    중간중간 오류도 나고 사이즈도 안맞고... 암튼 그래서 당분간은 변경없이 유지하려고 합니다;

  11. 저도 본문크기를 수정해..이전의 글들은 이미지가짤리는게 더러있다는 ㅋㅋ
    감수해야죠뭐...

  12. 여러가지 해보고 자신에게 맞는 것으로 가는것이 좋은것 같아요^^
    오늘도 하루 마무리 잘하시고 좋은꿈 꾸세요^^

  13. 본문 사이즈는 꾸준하게 넓은걸 쓰는데..
    젤 애매한게..
    어느 순간 내 글이 너무 길어지고..
    그 글에 대한 가독성이 떨어지고 있다는걸
    스스로 인지 할때... 좀 애매해지죠 ^^;

    글꼴 바꾸고, 글꼴 사이즈 조절하고, 줄간격 조정하고..
    등등등등
    이것저것 해봐도
    불만족스러울때..
    하아... ㅠ

개인적으로는 1024를 선호합니다.
가장 많이 사용할수 있고, 여러가지로 조건이 좋다고 생각이 드며 가장 광범위하게 사용할수 있다고 생각이 듭니다.

하지만 근래 주변에 아는분드르이 컴퓨터를 보면... 1024를 사용하는 모니터를 보기가 힘들정도입니다.
물론 제 개인적으로는 22인치 모니터를 가장 많이 사용하고 그다음에 24인치를 사용한다고 생각이 듭니다.

또,, 피시방에서도 가장 많이 사용한다고 생각이 들고요!!
하지만.... 10명중에 절반이 1024 이상을 사용한다면 구지 1024에 맞춰서 스킨을 보여줘야 할 이유는 없다라고 생각이 드는 부분입니다...



감사합니다...

혹시 자신이 사용하는 모니터의 값이 없다면 자신의 모니터값을 아래에 댓글로 남겨주셔도 되고요!..
혹은,,, 자신의 사용하는 모니터 값과 가장 가까운 하위값을 선택하시면 됩니다.
Post by : 친절한 재아

댓글을 달아 주세요!

  1. 이전 댓글 더보기
  2. 똥강아지 2011.07.10 21:27 신고

    1920x1080 로 넘어온지.. 2년 조금 넘었어요.

    23인치 모니터구요.

  3. 동생 방에 있는 건 1,600 * 1,200px, 현재 사용 중인 노트북은 원래 1,680 * 1,050px이었는데
    이것도 세로 픽셀 때문에 답답해서 작년 8월 쯤에 1,920 * 1,200px 액정으로 교체해서 사용 중입니다.

    제가 알기론 작년 기준으로 가장 많이 사용되는 해상도가 1,280 * 1,024px라고 하더군요.

  4. 저도 1024 768사용합니다ㅋ

  5. 데스크탑 모니터 해상도는 투표했는데, 제 노트북은 1366 X 768이거든요. ㅎㅎㅎ

  6. 그리고 방문자 수를 메뉴 줄에 넣을 수 있는 방법은 없나요?
    1단 스킨이라 너무 아래 있어서 말이죠.
    다른 곳의 태그를 따와서 넣어 보니 안 나오더라고요. ㅠㅠ

    • 넣는 방법이야 있습니다.

      치환자만 사용해도 가능은 합니다...

      지금 현재 메뉴중에 최신글보기 넣기 처럼 그 자리에 추가해서 넣으시면 됩니다..

      아래 치환자를 이용하시면 될듯하네요...


      [샵#_count_total_##] : 총 방문자수
      [샵#_count_today_##] : 오늘 방문자수
      [샵#_count_yesterday_##] : 어제 방문자수

      위의 치환자 3개를 최신글보기 처럼 그 자리에 넣어주시면 됩니다...

      그러면 표시가 되는데요 아마 숫자만 나올꺼에요..

      그럼으로 다음처럼

      총 : [샵#_count_total_##] | 오 : [샵#_count_today_##] | 어 : [샵#_count_yesterday_##]

      위처럼 넣어보세요!!

      물론 샵은 --->>> # 으로 고쳐서 넣어야 합니다.

  7. 데스크탑 22인치 모니터가 1680x1080인듯 하네요. 요수치가 있어 투표는 했지만
    현재는 주로 놋북 1366x768을 사용중이네요.

  8. 투표했습니다-
    회사에서 쓰는건 1920*1080인데
    집은 얼마인지 모르겠네요
    근데 회사나 집이나 전 전체화면으로 놓고 쓰지 않아요 ;;;

  9. 파이어폭스에서 보니까 비밀글 버튼이 공중에 떠 있네요~
    수정댓글댓글주소는 서로 겹쳐져있고요
    re jaea 버튼 예뻐요 맘에 들어요 ㅋㅋㅋ

    • 이상하네요...

      저는 파이어폭스에서 지금도 보고 있는데 정상이고 ie에서도 정상인데...

      제 생각엔 쿠키 문제 같은데 CTRL + F5 를 눌러서 확인해보세요.. 그래도 그렇다면은.... 스샷이라도 좀 찍어서 알려주세요...

    • http://bomulchanggo.tistory.com/76
      ctrl F5누르니까
      댓글, 수정, 주소는 바뀌어 보이는데
      캡쳐 해 봤어요
      요렇네요~

    • 확인 했습니다.

      제가 손님의 입장에서 확인 했었고 관리자의입장에서 확인 했었는데.

      정작 다른아이디로 보았을때 ( 로그인) 했을때의 비밀댓글 체크 부분이 말씀대로 겹처 보이더군요!

      그 부분은 수정 했습니다...

      다시 확인 해보시고 맞다면 알려주세요1

    • 정상적으로 보입니다 ^^

  10. 비밀댓글입니다

    • 전적으로 맞는 말이긴 합니다.

      그 사이즈가 가장 큰 역활을 하긴 합니다.
      블로그를 하나 더 만들어서 테스트중입니다..

      아직도 1024를 얼마나 사용하는지에 대한 대략적인 확률을 좀 알고 싶었습니다...

    • 비밀댓글입니다

  11. 비밀댓글입니다

  12. 1920 1200 이 최고 많네요 굿 16:10 해상도가 저는 좋은듯해요.

  13. 헉!
    1920 1080 제가 쓰는게 젤 높은 투표율을! ㅎㅎ

  14. 오 1920이 많네요..의외네요..ㅋㅋㅋ

  15. 1280*720 쓰는데 메뉴에 없네요.
    요샌 와이드보다 오히려 1024짜리 4:3 모니터 찾기가 더 힘든 거 같아요.

  16. 저는 1366*768 쓰는데 선택사항에 없어서 패쓰~~~

  17. 노트북인데 1366 * 768이네요.
    1280*800에 한표.

  18. 1920 X 1080 입니다
    저에겐 이 해상도가 딱인듯 하네요^^

  19. 1920 * 1080 이요^^
    이 해상도 재일 많이 쓰시네요^^
    날씨가 많이 추워요. 감기 조심하세요^^

  20. 사무실컴퓨터라 1280 -800 쓰고있네요.
    집은 아무래도 1920-1080 일것같은데..ㅋㅋ
    설문조사 결과 기대하겠습니다.

  21. 음.. 전 선호하는 해상도가 없내요.. 그냥 추천 해상도로 쓰고 있고.. ;; 이런.. ㅠㅠ

블로그를 이용하면서 이정도는 되야 여러가지로 보기에 좋더라?
혹은 이정도는 되야... 가독성도 좋고, 스샷이라든지 동영상을 올렸을때 직관적으로 잘 보이더라!



여러분이 사용하시는것을 선택하셔도 되지만
다른블로그에 갔더니 그정도 사이즈는 나도 해야겠더라?  정도의 느낌이 있을것으로 생각합니다.

여러분의 생각은 어떠신지요?
다중으로 선택이 가능합니다.

제가 현재 사용하고 있는 본문폭의 사이즈는 640입니다.



모니터 해상도에 대한 설문조사는 아래 링크를 통하여 참고 하시기를 바랍니다.

2011/07/10 - [나이스팁/인터넷] - 모니터 화면 해상도 설문조사 합니다.




Post by : 친절한 재아

댓글을 달아 주세요!

  1. 제가 사용하고 있는 스킨을 보니본문이 650 넘더군요..
    600에서 650정도는 되어야 하지 않을까 합니다..^^

  2. 다들 제각각이시군요 ㅎㅎ
    여러가지 호용성을 생각해볼때, 전 750은 무조건 넘어야 된다고 생각해요..ㅇㅇ;

    • 전반적으로 크기가 커지고 있습니다.

      이런 현상은... 모니터 화면이 점점 커진다는 얘기겠죠..
      그럼으로 구지 1024에 맞출필요가 없어진다는 결론으로..

      제가 만약에 확장한다면 850까지 생각중이랍니다...

  3. 제가 평가한 사이즈가 젤 높긴하네요^^
    750 ㅎㅎ

  4. 전... 넉넉하게 900ㅎㅎㅎ

블로그 본문폭에 대한 생각들에 있어서 주의 할점입니다.
다들 블로그 전체폭을 먼저 생각을 하시는 경향이 있는데.. 블로그의 전체크기도 중요하지만 무엇보다 가장 중심이 되는 컨텐츠 본문이 폭이 가장 중요합니다.

이 부분이 사진을 첨부 했을때나 동영상을 첨부 했을때 가장 크게 영향을 받기 때문에
본문의 폭에 따라 에드센스의 삽입 여부도 결정이 됩니다

예를들어 애드센스의 하나의 폭이 320이라고 할때 2개를 넣는다고 하면 640이 되어야 합니다.
하지만 공백이라는게 존재 하기 때문에 조금의 차이가 날수 있습니다.
그럼으로 이런 부분을 생각할때 본문의 폭 부분은 조정을 하셔야할 부분입니다...

아래 그림으로 대충 그려보았는데.. 참고가 되실것으로 생각 해봅니다.


대충 그렸습니다....;;;

우리가 생각하는 컨텐츠와 본문의 크기는 틀립니다.
다시 말씀드리면 위에서 1040이 컨텐츠의 크기이고. 본문의 크기는 1000입니다.

그래서 본문에 이미지를 삽입할때 이미지는 1000의 사이즈를 유지하며 가운데 정렬이 되고 양쪽에 공백을 포함한
컨텐츠가 둘러지게 됩니다.

즉, 여러분이 보이는 부분의 이미지는 1000일찌 몰라도 전체적으로 보이는 흔히 본문으로 보이는 사이즈는 1000보다 커야 한다는 결론입니다..

예를들어 컨텐츠의 크기는 1000으로 해놓고, 본문의 사이즈는 1200으로 하게 되면 이미지가 짤리는 경향이 생긴다는 이유입니다..

이해 되시겠쬬!1

여러분이 보시는것처럼 본문의 크기를 조절하면 그와 더불어 컨텐츠 그리고 그에 따른 전체 블로그의 레이아웃의 크기가 달라집니다..


가장 중요하게 생각되는 부분은 티스토리의 단점일수도 있는데... 나중에 스킨을 작은 사이즈로 즉, 본문이 작은 사이즈로 변경하게되면 자동으로 이미지가 그에 맞게 줄어드는게 아니라... 짤리는 경향이 생깁니다...

그럼으로 작은 스킨에서 큰 스킨은 상관없지만 큰 스킨에서 작은 스킨으로 올때는 생각을 많이 해보셔야 할 문제입니다...

혹, 스킨 구성하거나 결정 하시는데 도움이 되시길요!

2011/07/18 - [나이스팁/블로그] - 블로그의 가장 이상적인 본문 사이즈는 얼마일까요??
2010/10/07 - [나이스팁/블로그] - 블로그 본문 하단 추천버튼 이쁘게 모아서 꾸며보자..
2010/11/04 - [나이스팁/블로그] - 본문에 애드센스 2개 달아도 클릭률은 왼쪽이 더 높습니다.
2010/10/04 - [나이스팁/블로그] - 본문 하단에 보이는 다음뷰 구독멘트 한줄을 이미지로 만들었습니다.
2010/09/28 - [나이스팁/블로그] - 2단 스킨에서 블로그 본문의 가로폭 사이즈는 얼마가 가장 적당할까요?
2010/08/06 - [나이스팁/블로그] - 댓글창을 댓글리스트 위에 나오기 하기

Post by : 친절한 재아

댓글을 달아 주세요!

  1. 정말 어렵죠. 저도 할떄마다 고생했다는^^;

  2. 티스토리 이용하시는 분들 ,, 스킨 편집 자주 하시는 분들께 좋은 정보가 되겠군요 ㅎㅎ

    스킨을 자주 편집하는 편이라,, 좋은정보 감사합니다 ㅎ

  3. 큰 곳에서 작은 곳으로는 이제 못 갑니다. ㅜㅜ

  4. 전 가로폭이 넓은 편을 좋아 해서 ㅎㅎ
    찍은 사진들을 주로 올린다면 저 넓은 폭을 선택했겠지만
    현재로썬 745 정도가 저한텐 젤 맞더라구요 ㅎㅎ

  5. 저는 자꾸 늘리다보니 본문폭이 너무커진것 같습니다.ㅠㅠ

  6. 저도 예전에 잠시 고민했던 기억이 나네요..전 600은 좀 쫍고..800은 좀 넓다는 생각이 들더라구요..그래서 3단 스킨은 잘 익숙해지지가 않더라구욥^^

  7. 저는 본문 폭 500이 아니면 바꾸지 않습니다. <-- 이게 아직도 스킨을 못 바꾸는 중요 이유.

    • 음...

      하긴 요즘 스킨들이 본문이 500으로 나오는경우가 없죠..
      일부로 줄이지 않는이상..

      하지만 애초부터 500을 타켓으로 만들지는 않기 때문에..

  8. 저도 이 문제 때문에 한동안 고민을 했었죠..ㅎㅎ
    스킨 변경을 생각할 때 꼭 생각해봐야 할 문제라는...

  9. 오호... 이거 어렵습니다. ㅠㅠ

    • 스킨을 자주 만지는 분은 공감을 하는데요!

      잘 모르는분은 스킨이 어떤 구조로 되어있는지 겉으로 보이는것만 알기 때문에...;;

      마속님도 잘 아심서..

  10. 제가 이런 고민 하기 싫어서 재아님 스킨 쓰고 있잖아요 ㅋㅋ

  11. 스킨은 어렵다능...ㅠㅠㅠ

블로그의 가장 이상적인 본문 사이즈는 얼마일까요? 라는 궁금증이 생깁니다.

사실 블로그라는게 1인 미디어이고, 한페이지 안에서 모든걸 보여주는 하나의 글의 형식을 가지고 있습니다
초반 블로그에는 단순하게 하나의 페이지만 작성할수 있게 심플 했었고, 나머지 카테고리, 태그, 달력등은 부수적으로 따라 왔을뿐입니다.

요즘 블로그는 그 기능이 상당히 많아졌습니다.
소셜, 광고, 위젯 등 다양하게 끼어 넣을수 있다보니, 예전보다 복잡 해진게 사실입니다.
이러다보니.. 본문이 묻히는경향이 생기고 광고랑 위젯이 더 크게 보이는 부분이 생깁니다.

본문에 사진을 삽입하거나, 동영상을 삽입할때 어쩡쩌쩡한 614 , 623,  829, 712 과 같은 사이즈보다.. 50단위로 끊어진
500 | 550 | 600 | 650 | 700 | 750 의 사이즈를 유지 하는게 보기에도 좋고, 무엇보다 관리하기도 편합니다.




▶ 블로거로써 선호하는 본문 사이즈는?

여러분이 선호하는 본문의 사이즈는 어떤게 있을까요??
일단, 무시하고,,, 블로그 본문만 가지고 이야기 해봅시다...

저는 제일 작게는 640을 추천하고, 크게는 800을 추천을 합니다....
스샷한 사진이 너무 크면 사진과 그 밑에 부가적으로 붙는 글이 따로 노는 경향이 생깁니다.
이는 사진이 지나치게 커서, 아래로 스크롤 해야지만, 아래 글이 보인다는겁니다.

세로형 모니터면 몰라도, 100명중에 90명 이상은 가로형 모니터를 쓰고, 또한 모니터 해상도 역시 가로가 길게 되어 있습니다. 그럼으로 사진을 올리고 그 밑에 글이 보일정도의 사진의 크기를 비교해보면.... 800이하는 되어야만 같이 보이더군요!...

그렇다고 작게 하면 그것도 문제인듯 한데..여러분은 어떠신지요???



Post by : 친절한 재아

댓글을 달아 주세요!

  1. 아하 한번 640으로 바꿔바야겠네요

    정보감사합니다

    • 바꾸는건 선택이신데요...;;

      본문을 점점 키워 가는건 상관없는데..
      본문을 줄여 가는건 ㅋㅋ 심사숙고 하셔야 합니다..

      나중에 이미지가 다 짤리거든요 ㅡ;;

  2. 저는 현재 610을 사용합니다.
    가로가 길면 길수록 시원한 맛은 있으나 글자가 많은 글일 경우
    가독성에 문제가 있다고 봐요!

    사람 눈의 특성상 한줄의 길이가 길면
    읽다가 눈을 놓치는 일이 생길 수 있습니다.
    물론 줄바꿈을 자주 해주면 되지만.. 아니면 폰트가 크던가
    암튼 제 생각입니다.^^;

    • 말씀 하신대로 화면이 크면. 사진이 크면
      가로성이 좋아서 시원하고 깔끔해보이고, 글자의 스샷걍우도 좋다고 생각합니다...;;

      좋은 의견 감사합니다.

  3. 저는 본문 폭이 너무 넓으면...
    시선이 자꾸 퍼져서 안좋은 것 같더라구요
    그리고 전 화면을 전체화면보기가 아니라 좀 줄여서 보기 때문에 ;;
    620~640 사이가 좋은 것 같아요

  4. 옛날에는 550으로 했는데 스킨을 바꾸고 나서 본문 사이즈를 680으로 했어요...^^
    확실히 본문이 크니까 보기가 시원하더라구요...^^

    • 본문 사이즈를 키워 가는건 문제가 아닌데
      제가 한번 본문을 키우고 나중에 다시 본문을 줄일려고 보니 사진이 다 짤리더군요..;;

      한달정도 꼼꼼꼼히 해서 다 줄였습니다.;;;

  5. 스킨 수정하면서 항상 고민하던 부분인데..
    아직도 어떤게 좋은질 모르고 그냥 전체적인 모통에 기준해서 마무릴 하고 마네요..
    요즘은 글쓰기를 하면 사진크기에 따라 글을 수정할때 글이 짤리는 현상때문에..
    조금 번거로움이 생겨서 신경이 쓰이더라구요..

    • 글은 밀려서 내려 가긴 하는데.
      사진은 전체적으로 다 안줄어 들더군요..

      본문을 넓게 쓰다가 줄이게 되면 여러가지 문제가
      발생 하더군요

      하지만 본문을 작게 쓰다가 키우면 별 문제는 약간 허전해보이긴 하지만 적어도 가독성의 문제는 없더군요.

  6. 저는 615를 유지하고있습니다.
    본문 615~610정도이고 사이드바가 250인데 이정도크기로 보면 1024X768 해상도에서도 블로그 전체가 어느정도 안짤리고 잘 보입니다.

  7. 예전 630이었다가 요즘 670으로 사용중이구요
    이미지는 650으로 고정..
    더이상 키우게 되면 글이 옆으로 너무 퍼져서 시선이 분산된다는 느낌이 많이 들더라구요..

    • 역시나 그렇군요....

      본문에 비해서 계속 앤터를 치는... 글을
      작성하는 방법에도 문제가 있기도 합니다.

      너무 가로가 넓은 본문이면. 글을쓸때... 우측으로 쏠리는 현상이 많이 생기잖아요..

  8. 개인적으로 604 x 480~~
    이게 어디에 나오는 것인지 아시는 분은 다 아실 것입니다.
    모니터 표준 해상도~~
    사진 대강 찍히는대로~~
    가운데 정렬하죠.
    요즘은 보통 1024 x 768로 사용하죠.

    - 월정 -

  9. 전 좀 크게 보는것이 좋아서 제 블로그는 1000이상 해놓고 사진은 900으로 맞추어 올리는것 같아요.
    제 블로그 보시기에 어떠세요? 너무 커서 좀 불편하시나요?
    전 재야님 블로그 사이즈 딱 적당하니 좋은것 같아요.

  10. 전 750을 선호합니다. 제 스킨을 그렇게 다 뜯어고쳤거든요 ㅎㅎ
    항상 이 사이즈를 유지하고 있답니다.

  11. 저도 다양한 사이즈를 적용해 봤는데..
    가독성이 있는 것은 2단이 제일 좋은 것 같습니다.

    제가 1단을 고수하는 이유는 없습니다. ㅎㅎㅎ

  12. 저도 640을 사용하고 있습니다. 그런데 에디터에서 보는 640가 실제 보는 640이 차이가 있어서
    띄어쓰기가 자꾸 오류가 나와서 ㅠㅠ

    • 아마도.. 본문에 보여지는 글씨의 크기랑 에디터에서 입력되는 글씨의 크기랑 달라서 그럴수도 있습니다.

      본문 폭이 같은 상황이라면요...

  13. 저는 730으로 해놓는데 ㅎㅎ.. 집 모니터가 1024다보니 이래저래 맞추다 보니 저렇게 되더라구요 +_+

  14. 저도.. 가끔.. 텍스트를 길게 쓰는 경향 때무에 고민입니다..ㅠㅠ
    800 이상이 되어야할 것 같다능..ㅠㅠ 가끔.. 재아님이 배포하신.. 스킨도 작을때가 있어요..ㅠㅠ
    제가 텍스트 위주라서..ㅠㅠ 사진도 쓰지만.. 사진은 640 기준이고..ㅠㅠ
    구상중인.. 블로그는 800 이상으로 할 것 같아요..ㅠㅠ 아직도.. 구상만..ㅠㅠ
    근데..RSS구독하다가 지우고 새로하려니까.. 안되네요.ㅠㅠ 어찌해야하나요??ㅠㅠ

  15. 전 우선 글자가 작으면 스스로 보기가 불편해서
    글자도 크면서 넓게넓게 볼 수 있도록
    본문영역이 큰게 좋더라구요^^

    전 750!! ㅎㅎ

일괄적으로 사진에 서명을 넣는 방법에는 여러가지가 있습니다.
포토샵의 경우에는 마우스로 브러쉬를 이용하여 마우스로 콕 찍으면 자신의 이니셜이 들어간 서명이나 낙관을 사진이나 그림에 표현하게 됩니다.

하지만, 보편으로 이런 작업을 일괄적으로 사진에 적용 할려면 굉장히 귀찮습니다.
좀더 쉽게 관리하는 방법으로써는 이미지 편집 프로그램이나 관리 프로그램이 있는데 가장 대표적으로 많이들 사용하고 계시는 알씨 프로그램이 있습니다.

하지만 저번에 제 블로그에서도 소개 했지만 이미지를 관리하거나 블로그를 관리하는 사람이라면 포토스케이프를 이용하는게 더 좋기 때문에 오늘은 포토스케이프를 이용하여 편하게 쉽게 하는 방법에 대하여 소개 합니다.

2010/10/29 - [나이스팁/컴퓨터] - 제가 사용하는 이미지 편집 프로그램 포토스케이프 V3.5

을 이용하여 작업을 할 예정입니다.

포토스케이프를 이용한 일괄편집 서명넣기


ㄱ. 일괄편집을 먼저 클릭하여 줍니다.
ㄴ. 좌측에 일괄편집을 할 폴더를 지정하여 줍니다.
ㄷ. 하단에 사진이 나오는데 전부다 편집할꺼면 모두 드래그 하여 우측 상단 빈공간으로 끌어줍니다.
ㄹ. 혹은 원하는 사진 파일만 하고 싶다면 하나씩 끌어서 올려주면 됩니다.

※ 저 같은경우는 모두 다 하고 나서 나중에 필요 없는것만 삭제 하는편입니다.




원하는 파일을 모두 추가 했으면 오른쪽에 가로조절에서 가로 만 입력하여 줍니다. 세로도 강제로 입력할수 있으나 기본적으로 가로만 입력하게 되면 세로는 비율에 맞처서 사진이 조정 되어지기 때문에 좋습니다

사진이 리사이즈를 할때 비율로 조정되어 지는게 가장 보기가 좋습니다.
얼굴이 원형인데... 얼굴이 달걀향으로 찌글어 지면 보기 좋지 않습니다.




자 이제 서명을 넣을껀데요 위처럼 개체를 클릭하고 사진을 선택후에 다시 사진을 선택하고 서명이나 낙관을 만들어 놓을 파일을 선택하여 줍니다.

서명이나 낙관의 파일을 만들때는 gif나 png 등의 투명 역활을 할수 있는 파일이 좋습니다.




이제 사진이나 이미지에 따라서 서명을 원하는 위치로 변형 하면서 최종 결정을 합니다.
원하는 위치에 서명이 정해졌다면 모든 사진 저장(변환)을 클릭하여 저장 합니다.




변화된 사진을 저장할 장소입니다.
보통 바탕화면에 하시는분이 많은데 저는 사실 바탕화면에 하는걸 비추 하겠습니다.
그 이유는 아이콘과 섞일수 있고 잘못하여 기존 바탕화면에 있는 아이콘이 삭제될수도 있습니다.
결국 다시 말해서 어떤 다른 역활의 파일과 변화된 파일이 섞이는걸 방지 하기 위해서입니다. 더불어 바탕화면은 중요한 파일들이 많이 모여 있기도 해서입니다.

또 하나 일괄적으로 변환하는 파일은 다수의 파일이기 때문에 20개정도의 파일을 변환하면 바탕화면이 꽉 차는경우도 발생할수 있기 때문에 바탕화면에 하는걸 비추천 하기도 합니다.

그래서 저는 맨 상단에 해당 사진이 있는 원본 파일 바로 아래에 output 라고 하는 부분에 변화 되는걸 추천합니다.
그래야 원본 파일과 그리고 어떤 사진이 어떻게 파일 변환이 되어서 업로드 되었는지 알수 있기 때문에 추천합니다.

물론 이 부분은 여러분의 선택 부분입니다.

또 하나 다른 이름으로 바꿔서 저장도 역시 추천하는데요~
기존의 원본 파일과 더불어서 어떤 파일이 어떻게 변환 되었는지를 이미지를 보지 않고 파일로 알수 있기 때문에 위처럼 선택하여 주는게 좋습니다.

2009/10/16 - [나이스팁/인터넷] - 인터넷에서 쉽게 사진을 꾸미는 앨범방에 주목하세요!
2010/10/29 - [나이스팁/컴퓨터] - 제가 사용하는 이미지 편집 프로그램 포토스케이프 V3.5
Post by : 친절한 재아

댓글을 달아 주세요!

  1. VSO Image Resizer 라는 프리웨어도 있는데 뭐 그냥 클릭만 뚝뚝 해주면 되고 해서 나름 쓸만하더라구요 ㅇ_ㅇ.

    그나저나 배터리 하시네요. 해외에 나와있어서 해보고 싶은데 못하고 있는데 어떤가요?

  2. 정말 유용한것같아요~
    잘봤습니다~

  3. 오늘도 좋은 것 공부해요.
    즐거운 한 주 되세요^_^

  4. 하하 정말 유용한데요. 저는 파워포인트를 이용해서 하다보니 사실 손이 좀 많이 가기는 하는데 배운게 도둑질이라고 그냥 ㅋㅋ 고수하고 있답니다. 사실 저두 포토스케이프 간혹 이용은 하네요.

  5. 그동안 포토스케이프를 사용하면서 사진위에 사진을 어떻게 엎을까 고민했는데
    바로 일괄편집에서 활용을 할 수 있군요...감사히 잘 배웠습니다..^^

  6. 유사한 내용 소개한적이 있어서 트랙백 겁니다 ^^

  7. 재아님 좋은글 잘 보고 갑니다.
    점심을 먹었더니 졸립네요..ㅎㅎ
    즐거운 월요일 오후시간되세요.

  8. 저도 아주 유용하게 사용하고 있습니다. ㅎ
    다른 이름으로 저장하면 이미지 검색 유입도 있지 않을까 싶네요. ㅎ

    그리고.. CCL 넣으신게 인상적입니다. 저도 생각해봐야겠습니다

  9. 재아님~ 아주 오랜만이에요~ㅋㅋㅋ

    이 프로그램 되게 유용하네요~ㅋㅋㅋㅋ

  10. 참 장하셨어요~ 설명을..
    저도 이해 하고 따라 할수 있을것 같으니까요~
    언젠가는...^^*

  11. 헤헤.. 저도 오래전부터 사용하고 있었어요~ 많은분들을 위한 좋은 글입니다.

  12. 전 음식사진 많이 올리는데, 요걸로 편하게 작업해야겠군요.
    낙관하나 만들어봐야겠어요 ㅋ

  13. 저는 포토샵으러 넣다가..귀찮아서 안넣게 되더라구요..ㅋ

  14. 저도 포토스케이프 이 기능 종종 사용해요 ㅎㅎ
    프로그램 참 괜찮은 것 같아요
    다만 제 넷북에선 좀 버벅여요 ;;;;

  15. 저도 사진에 넣는 서명을 멋지게 바꾸고 싶은데.. 어떤 걸로 해야할지 고민만 계속하는 중입니다... ㅠㅠ

  16. 에스플러스 2011.04.10 13:21 신고

    감사합니다. 유용하게 쓰겠습니다^^

그동안 3단을 고집하면서도 가장 불편하게 생각했던게 바로, 본문폭입니다. 본문폭이 좁다는 생각을 처음에는 하지 않았지만, 갈수록 하고 있는 편입니다. (전체 사이즈 1024px 기준)

가장 많이 사용하는 2단 스킨에 기준을 두고 1024px 안에서 해결을 할려면 가장 이상적으로 본문은 700 사이드바 200 혹은, 본문 650 사이드바 200 (부수적인 스크롤바 따라 다니는 아이콘 포함)
뭐 여러가지가 있겠지만 제가 최종 선택한건 본문 650에 사이드바 280입니다.

이렇게 바꾸게 된 계기는 여러가지가 있습니다. 혹시 여러분이 스킨을 만드시거나 혹은 폭 조정을 한다고 생각하면, 아래의 내용을 참고 하셔서~~ 결정 하셨으면 합니다.

사실 블로그라는게 자신을 위해서인지? 남을 위해서인지 생각을 해보면. 일반적으로는 자신을 위해서지만, 제 블로그의 특징이 정보를 제공하는 블로그 이다보니 본문이 좀 커야 한다는 생각을 하게 되었습니다.


본문 사이즈 (이미지 기준으로 화면출력 640)을 기준으로 합니다.

가로 650px 에 본문 이미지 640px(내용) 로 통일합니다.
지금 현재 사용중인 이미지 사이즈가 530px인데 사실 2년간을 500으로 사용했습니다.
그래도 작다 하여 조금씩 늘렸더니, 530px이 한계더군요~  (사이드바 두고, 여백으로만)

500일 경우에는 컴퓨터 화면 캡쳐나 스샷을 하면 짤리는 경우도 많고, 이미지가 리사이즈 되어 뭉게지는 경우도 많습니다.




650으로 한 이유에는 640 * 480 의 동영상 사이즈도 관련이 있습니다.

유투브 기본 규격 사이즈입니다.

다음 TV팟 규격 사이즈입니다.

판도라 TV 규격 사이즈입니다.


제가 본문사이즈를 640으로 정한 이유에는 위의 규격 영상 사이즈가 한 부분을 차지 합니다.
원래는 제 블로그 초반에 동영상 리뷰 강의를 많이 했습니다.
IT 영상 리뷰 강의다 보니깐. 작은 글씨가 또렷하게 보여야 하는데 그렇게 보이지 않는게 항상 아쉬었던 기억이 납니다.

그렇다고 블로그가 HD/고화질로 지원을 해주는것도 아니라 더 희망이 없었습니다.

꼭 위의 규격사이즈가 아니더라도 윈도우미디어 파일이나 플래쉬등에서도 많이 쓰이는 사이즈 이기 때문에 선택했습니다.





각종 강좌를 진행하기 위한 넓은 폭의 준비

퇴근전에 만들었다가 버려둔 ;;


그래픽 강좌를 진행할려면 부분적으로 많은 부분이 한꺼번에 보여야 할때가 있습니다. 그러나 기존의 본문폭 사이즈로는 이 부분을 해결을 할려면 의외로 손이 많이 갑니다.

작업물이나 강좌에 있어서 부분적으로 보여야 할 부분이 가독성을 생각하지 않고 글씨가 뭉게진다면은 보기가 싫겠죠~~ 물론 마우스로 이미지를 클릭하면 크게 보여서 깔끔하게 보이지만, 이건 귀찮은 일입니다.

블로그 주인의 입장이 아닌, 손님으로써 생각을 하니 답답하더군요!





우측에 큰 사이드바 밑에 2개의 사이드바를 구성하는 사이드바 (2.5단)(일명

일반적으로 스킨에서 있어서 1단, 2단, 3단의 기준은 크게 나눠지는 분류를 말합니다.
한 화면에 본문만 보이면 1단, 본문과 사이드바가 보이면 2단, 본문과 사이드바가 2개 보이면 3단입니다.. 그러나 저는 여기서 사이드바에 단을 한번 또 나눠서 엄밀히 따지면 4단입니다..;;

현재 사이드바가 왼쪽이 180px 우측이 200px로 구성되어 있습니다.
이 구성에서 전체 사이드바의 폭이 가로 280px 로 수정을 하고, 그 하단에 사이드바를 140 /140 로 구성을 할찌, 100 /180 로 구성을 할찌는 좀더 두고 봐야겠습니다. 사실 사이드바가, 배너와 위젯의 영향을 많이 받기 때문에 넣고 싶은 배너나 위젯이 있어도 사용하지 못할때가 있습니다.





본문하단 메타사이트 정리하고 믹시와 다음뷰만 집중

위의 구성을 현재 사용중이지만, 그냥 다 뺄 생각입니다..
위와 같은 구성을 하고 싶다면 다음의 글을 참고하시면 여러분도 만들어 낼수 있습니다.

본문 사이즈가 늘어남으로써, 아래 추천 테이블도 늘려, 옆에다 배너를 넣든지.. 이전글을 넣든지 방법은 여러가지인데요..
결론은 그냥 하단 만큼은 깔끔하게 가자!! 로 결론 내렸습니다.

그래서 그냥 플러그인 자체적으로만 사용할 예정입니다.

2010년 10월 24일부터 적용할 예정입니다. (뭔가 대단한걸 하는 사람처럼...;;;;)

Post by : 친절한 재아

댓글을 달아 주세요!

  1. 3단 레이아웃인 제아님도 2.5?단으로 넘어가시는군요.
    저도 본문크기 문제로 이런저런생각을 하는데 제아님의 바뀐하면을 보고 좋으면 넘어가야겠습니다 ^^;;

    • 저랑 비슷한 케이스를 현재 사용중이시네요~

      딱 지금의 스타일이 좋긴한데. 1024 기준 아니라면 이상황에서 본문만 넗히고 싶지만, ㅋ

      아직은 1024를 기준으로 해야 한다는 생각이기에;

      사이드바를 줄이고,, 늘려볼 생각입니다~

  2. 기대할께요~24일이면 내일이네요~
    개봉박두! ㅎㅎㅎ
    주말, 신나게 달리시길~^^*

  3. 개봉박두!!!!!!!!!! ㅋㅋㅋ
    2.5단이라.. 처음 보는 단인것 같은데.. 분명히 주변분들중에서
    사용하고있는 분들도 있겠죠???
    재아님을 통해서 괜찮다 싶으면~ 저도 이 기회에 스킨에 손을 좀 대볼까
    합니다~~ ㅋㅋㅋ (손대자마자 후회할거면서 --;;;)

    • 지금도 많은분들이 사용하고 있습니다.

      요 근래에 좀 늘어나는 추세죠~ ㅋ;;
      이걸 참 .. 4단이라고 말하기엔 좀 그렇지만

      기본적으로 2단 구성을 가지고 2단에서 다시 반으로 쪼개지니.. 2.5단이라고 말하는것뿐입니다.

      뭐라고 말하기 ㅋㅋ 그래서

  4. 정말 개봉박두네~~
    전 개편 하신걸 봐야 뭔소리를 하시는지
    좀더 이해가 갈 것 같아요. ^^

    • 본문에 맨 첫번째 이미지를 보면 알죠~

      사실 지금 상황이랑 똑같습니다.

      다만 사이드바가 줄어들고,, 없애는게 아니라 줄어들고..
      본문이 넓어지는것 뿐이랍니다..

      ㅋㅋ

  5. 예쁜 스킨 기대할께요. 전 뭐니뭐니해도 깔끔하고
    심플한게 좋더라구요.

    • ㅎㅎ; 저도 깔끔하고 심플한게 좋지만..;;

      성격상.. 이거저거 해보는게 좋아서 사이드바가 활용이 많습니다~;;

      기대 하셔도? ㅋ;; 좋을까요~ ㅋ

  6. 비밀댓글입니다

    • 그런가요~ 늘리면 좀더 좋아질꺼라 생각합니다.

      그건 그렇고, 그 부분은 연장되었습니다
      말씀하신대로 몇일전까지 만료되어서 뺐다가 다시 연장되어서 넣었습니다.

  7. 오오오~ 내일이 기대 되는 걸요~ㅎㅎㅎ
    저는 포스팅하는데만도 벅찬데 정말 부지런 하신 재아님 *^^*ㅎㅎㅎ
    재아님 손봐주신 추천박스 너무너무 잘쓰고 있어요~
    얼마나 깔끔하고 예쁜지 볼때마다 기분이 얼마나 좋은지~ㅎㅎㅎ
    그나저나 공부할게 이렇게나 많으니 언제쯤 재아님처럼 블로그를 자유자재로 꾸밀수 있을지~ㅎㅎㅎ
    암튼 내일 기대할께요 재아님~빠이팅! *^^*

  8. 아~~~~ 저도 어떻게 변할지 아주아주 기대가 큽니다~
    낼꼭 와봐야겠어요~~^^

  9. 재아님처럼 맘 대로 변경할 수 있었음 좋겠어요 ㅋㅋ

  10. 와~~전에도 좋았지만..지금 이렇게 변경하고 나시니.
    한눈에 쏙~~들어오는게 아주 가독성이 높아져서 넘넘 좋아요~~^^
    교체하시느라 고생많으셨어요~~

    • 그런가요 감사합니다~ 이히히~;;
      넓어지니깐 좋긴한데요.사이드바를 어떻게 해야할찌
      모르겠습니다. ㅋㅋ;;

      2개로 쓰다가 1개로 줄였는데 그 밑에서 2단을 다시 나눠놓긴 했는데.. 서서히 정리 좀 해야겠습니다.

  11. 크기도 변경이 가능하네요..
    컴퓨터 잘 다루고 싶은데 워낙 컴맹이라...
    만들어 놓은거 아니면 쓰지를 못한다는 ;;
    지식 하나 늘리고 갑니다 ^^

    • 하나만 변경하면 모두 다 알아서 변경되면 좋겠지만

      하나 변경하면 그에 따라 부수적으로 변경해야할께 너무 많아서 ㅋ 가끔 고생합니다..

  12. 저는 계속 2단을 고수하고 있어요~~ ㅋㅋ

    1단을 쓰기엔 부담이 있고... 3단은 너무 복잡해보이고... 그냥 2단이 제일 무난한 것 같아요^^

제 블로그에 보시면 본문 아래에 추천 버튼이 나오기전에 아래와 같은 파란색 바가 보이실겁니다. 이는 추천버튼을 좀더 깔끔하게 정리하기 위하여 보여주고 싶은 하나의 메세지입니다.

이 메세지가 원래는 소스코드로 하였으나 개인적으로 블로그에 잘 맞지 않는듯 하여 이미지로 변경하였습니다.

가로 500px 세로 27px bluebar.png


위의 이미지를 다른 이름으로 그림 저장을 하시거나 저장이 되지 않으면 첨부한 아래 파일을 다운 받은후 압축을 해제 하고 업로드 시켜 주셔도 되겠습니다... 파일명은 bluebar.png 이어야 합니다.



가로 500px 세로 27px bluebar.png (위로 화살표)


가로 500px 세로 27px bluebar.png (위로 화살표)


가로 530px 세로 27px bluebar.png (아래로 화살표)



가로 700px 세로 27px bluebar.png (아래로 화살표)


가로 750px 세로 27px bluebar.png (아래로 화살표)





스킨 -> 파일업로드를 통하여 파일을 업로드 하여 줍니다.

다운받으신 파일은 압축 상태로 업로드가 아니라 압축을 해제한 본 파일인 bluebar.png 파일을 업로드 하여 주시길 바랍니다.




그러면 스킨 -> skin.html 부분에 아래 소스를 넣어 줍니다.

위에서 CTRL + F 을 눌러서 article_rep_desc 을 찾아 줍니다.


찾았으면 아래 소스를 (위의 노랑색 부분처럼) 넣어주면 됩니다.

<!--구독요청--><br /><center>
<a href="http://v.daum.net/user/plus?blogurl=http://www.jaea.net" target="_new" onfocus="this.blur()"><img src="./images/bluebar.png" width="500" height="27" border="0"></a><br /></font></center>
<!--구독요청--><br />

위에 보이는 http://www.jaea.net 이 부분을 자신의 블로그 주소로 변경하여 주시고 넣으셔야 합니다.

위에 보이는 500 부분을 자신이 적용하고 싶은 사이즈로 700이나 750으로 변경하여 주세요
700을 받으셨으면 700으로 750이면 750을 넣어야 깔끔하게 들어갑니다.

쓰실분중에 원하는 사이즈가 있다면, 써주시면 추가 해드리도록 하겠습니다.

Post by : 친절한 재아

댓글을 달아 주세요!

  1. 재아님 하단 정리는 너무 깔끔한것 같아요~!
    저도 저만의 하단 추천버튼을 만들고 싶어지네요!
    (트위터주소는 각 글마다 연결되게 한번 도전해보세요 ^^;)

  2. 넣고 싶은데 제 하단이 너무 지저분해서요.
    본문 넓이 750인데 어떻게 안 될까요? ㅠㅠ

  3. 저도 늘 탐났던건데....
    바탕 칼라를 핑크로 하나 만들어주실래요?
    어렵겠지요?ㅎㅎ
    주말, 연휴 재밌게 보내셨나요?
    새로 시작한 한주도 즐겁게 보내세요~^^

  4. ㅠ_ㅠ 저는 위의 자리에 놓으니 믹시위로 되네요 ㅠ.ㅠ
    재아님처럼 저렇게 모아둘 수 있게 할 수 없나요??
    방법 좀 알려주세용 ㅠ_ㅠ

  5. 비밀댓글입니다

  6. 비밀댓글입니다

  7. 비밀댓글입니다

  8. 제 블로그 색에 잘 어울릴것 같아요~ ㅋㅋㅋ
    한번 적용해 볼게요~ ^^
    감사합니다~ 재아님~ ㅋ

  9. 비밀댓글입니다

    • 색을 변경하는건 어렵지 않습니다.
      가로폭도 원하는데로 가능합니다. 다만 폭이 지금보다 더 적게 된다면요.. 글씨를 좀 단축시켜야 겠지요~

      그게 문제가 될뿐이죠~~

  10. 이쁘네요.^^
    수고하셨습니다

  11. 말씀하신 그부분도 만족하는 부분인데~ 그것보다 저는
    "포스팅이 유익하셨다면 추천 부탁드립니다. ^^" 이 부분의 것들을 하고 싶네요 ㅠ_ㅠ 재아님꺼 복사해서 제껄로 수정하고 했는데 도통 어려워서 ㅠ_ㅠ 포기하는중 ㅎㅎㅎ

  12. 큰 도움이 되었습니다~ 정말 배우게 너무너무 많은 것 같아요~!
    아래 추천 버튼들 너무 깔끔하게 정리 하셨네요~ 어떻게 하신 건가요..?
    완전 초보라..ㅠㅠ 알려주시면 너무너무 감사할것 같아요*^^*

    • 감사합니다.

      안그래도 문의 하신분이 많아서 포스팅중에 있습니다.
      곧 발행 하도록 하겠습니다.

      감사합니다.

    • 아~! 그렇군요~~! 너무 감사합니다~ㅎㅎㅎ
      좋은 정보 너무 많아서 몇시간째 읽고 실험해보고 있는 중이예요~ㅎㅎㅎ
      좋은 정보 감사합니다~구독버튼 꾸욱~ 누르고 오늘은 이만..*^^*

  13. 깔끔하게 잘만드셨네요 저도 한번해봐야겠어요 ^^
    구독하고갑니다^^

  14. 감사합니다. ^^
    덕분에 깔끔하게 정리가 되었네요 ㅎ

  15. 깔끔하니 보기 좋네요^^

  16. 댓글 창에 머가 기어다니에요 ㅋ 놀랬어요 ㅋ

    참 구독 버튼 적용까지는 잘했는데.. 전 왜 카테고리 다른글 박스 밑으로 적용이 될까요 ㅠㅠ
    카테고리 다른글 박스 바로 위로 오면 딱 좋은데 ㅠㅠ

    조언좀 부탁드려도 되나요??ㅎㅎㅎ 좋은 정보는 감사합니다1!!!!

    • 그건 불가능 합니다.

      티스토리에서 강제적으로 지정해두어서 그렇습니다.
      카테고리 다른글 박스를 플러그인으로 넣을경우에 그런형상이 생깁니다.

      쉽게 말해서 플러그인을 넣게되면 위치 조정도 안될뿐더러 티스토리에서 정해진 위치에 넣어지게 됩니다.

      원래 생각하셨을때 다음뷰나, 믹시도 마찬가지인데 그게 싫어서 수동으로 하는 경우죠~

      방법은 있습니다.

      카테고리 다른글 박스의 플러그인을 끄고, 말그대로 위의 소스를 넣은후에 캍데고리 다른글 박스를 소스를 그 아래에 넣으면 가능하겠죠~~..

    • 아 그런건가요..?ㅠㅠ 어쨌든 답변 감사합니다^^
      근데 블로그 특성상..카테고리 다른글 박스가 꼭있어야
      해서요 ㅠ 혹시 html/css 찾는데에서 카테고리 다른글 박스태그 찾는 방법이 있나요?? 그쪽 스킨쪽은 아직도 잘 몰라서요 ㅠㅠ
      자꾸 귀찮게 해서 죄송해요 ,,ㅎ

    • http://mun317.tistory.com/517

      이 방법이나

      http://www.comfunny.pe.kr/524

      http://infomoa.kr/171

      이 방법등을 참고 해보시면 위치 조정이 되지 않을까 합니다.. 저도 카테고리 다른글을 원하는 위치에 넣은건 봤는데 제가 해보질 않아서 뭐라고 딱히 말하기 그렇네요

      원하는 자료가 없다면 좀 더 검색 해보시면 가능하실것으로 생각이 듭니다

    • 감사합니다!!!제니님^^
      바쁘실텐데 ㅎㅎ
      참고로 해서 설정해 봐야 겠어요^^

티스토리에서의 스킨은 1단, 2단, 3단까지의 다양한 레이아웃을 자랑합니다.
이중에, 2단을 가장 많이들 사용하시고 또 선호하고 있습니다..

2단을 사용하면서 사이즈 때문에 이리저리 고생한적이 있습니다. 이는, 애드센스의 배열이나 혹은 아래의 추천바등을 넣다보면, 사이즈가 애매하여, 가로폭을 늘려야 하는경우도 생기고, 또 동영상을 넣게 되었을때 가장 이상적인 사이즈인 (430 * 360), (640 * 480), (800 * 600) 이상적인 사이즈가 아니라면 영상이 약간 뭉개지는 경험도 해보셨을겁니다.

더불어서 웹사이트의 이미지를 캡쳐를 할때 (설치 화면등을 캡쳐 할때도 사이즈 때문에 리사이즈가 되어 글씨가 뭉개지는 경우)도 있거든요

물론, 사이즈를 걱정없이 본문을 최대한 키워 버리면 문제는 아니지만, 위와 같은 조건을 갖춘다다고 할때, 애드센스 두개 배열, 동영상, 캡쳐이미지, 배너, 추천바 등을 기준으로 한다면 어느 사이즈가 가장 적당하다고 생각이 드시는지요?

설 문 조 사

한번 선택 해보세요^^
혹시, 자기가 사용중인 사이즈가 있다면, 그 사이즈를 댓글에 쓰시고, 이야기를 해주셔도 좋겠습니다.
Post by : 친절한 재아

댓글을 달아 주세요!

  1. 현재 650을 쓰고 있는데, 700으로 늘려볼까 고민중입니다. ^^;

    • 그 이유가 궁금합니다...//

      위의 모든걸 만족 시키면서, 가로폭, 사이즈를 타이트 하게 하고 싶거든요!! 그래야 스킨을 벗어난 이후의 부분도 이용이 가능할꺼란 생각이 듭니다.

  2. 저는 730 px 이예요 ~

  3. 저는 모르겠는데요, 제 블로그 같은게 2단 스킨인거에요??
    암튼 설문에 한표는 던지긴 했어요~ㅎ
    //
    스킨 여백 칼라가 블루에서 블랙(맞나?)으로 변했네요?
    가을이 왔군요~ㅎㅎ

  4. 본문 크기가 애드센스x2의 크기+10 정도인 스킨이요. +10px 정도 있어야 애드센스가 두개 나란히 넣고 그 사이에 빈칸 하나 넣습니다. 이 본문 폭은 광고 하나만 넣어도 눈에 거슬리지 않을 정도로 미려한 1:1 비율을 보여주고요.

    우겨넣기로 작게 잡아도 480(+a)은 되야하고 딱 맞출려면 500(+a)이 좋습니다. (그리고 a<50) 사진 전문이라면 800 이상 급까지 올라가볼만도 한데, 글만 있는 포스팅을 작성해보시면 진짜로 썰렁해지죠.

    여기에 본문의 글씨 크기를 얼마로 할 것인지도 중요합니다. 이는 글의 내용이 얼마나 작성할지에 대한 문제와 직결되는데요. 12 이상으로 크게하면 어디에서나 잘 볼 수 있지만 한 줄에 몇 글자가 안들어가죠. 따라서 글이 길어지게 되고 스크롤이 늘어나 방문자가 글을 읽는데 피곤해집니다.

    일반적으로 예쁘게 보여서 많이 쓰는 굴림9는 거꾸로 컴퓨터의 화면이 커짐에 따라 침침한 사람들에게 잘 눈에 띄지 않습니다. 19인치 이상의 모니터 사용자들에게 굴림9로 주면 글 잘 안읽습니다. (모바일 사용자들도 안봅니다.)

    이 문제 때문에... 제 블로그 스킨은 처음 만든 후 아직까지 변경이 없습니다. -_-a (본문 500짜리 스킨이 없습니다)

    • 본문 상단에 삽입하는 애드센의 크기가 330인가 되죠? 아마 두개를 넣는다고 할때 650은 되야 한다는 결론이 나오더군요~..

      더불어 640이라는 화면 사이즈나 동영상 사이즈에도 부합을 한다고 생각은 합니다.

      물론 또, 여백이 있기 때문에 좀더 고려는 하겠지만, 현재 둘러보면 그런듯 하네요

      글씨 크기 까지는 생각을 안해봤네요~..
      제 블로그에 글씨 크기는 적당하다고 생각하세요??

      위의 설문조사 부분에서 500을 뺀 이유는 500도 가능은 하긴 하더군요 제 블로그의 본문이 520입니다.;;; 근데 2단을 기준으로 하기 때문에 ㅋ//

    • 광고가 330짜리도 있지만 250짜리도 있습니다. 330짜리 쓰시면 680이나 720을 쓰셔야 할 듯 싶군요. 여백을 한쪽으로 주시는 것 보다는 전체를 가운데 정렬로 만드시는게 좋다고 봅니다. 와이드 모니터가 나오면서 전체 1600 이상의 폭을 가진 브라우저가 대거 등장했으니까요.

      사진의 크기는 만들어보면 의외로 별 상관이 없습니다. 대부분 가운데 정렬이라... -_-a 폭이 넓어지면 기존 글에 있는 사진이 조금 비어보이기는 하겠지만 글이 적당히 있다면 괜찮죠. 그리고 캡쳐할 때 풀샷을 찍는 것 보다는 기본 크기에 맞춰서 자르고 강조할 부분은 강조하고 올려서 한 포스팅에서는 거의 비슷한 비율로 적당히 올리시는게 보기 좋습니다. 그림이 300 미만이면 없어보여서 문제고 800을 많이 넘으면 좀 피곤합니다. 로딩 시간에 걸리니까요. 500 정도만 되면 양쪽의 공간은 그냥 여백의 미가 보여서 좋아보이죠.

      2단이건 3단이냐의 문제 보다는 본문 폭과 글씨 크기가 얼마나 잘 맞춰주느냐가 더 중요하다고 생각합니다. 방문객들은 본문 훓고 그냥 닫거든요. 이건 웹로그를 분석해보면 1회 방문자만 높게 나오죠. 2단이건 3단이건 메뉴가 뭘 있고 하는건 별 상관 없다는거죠. (그래서 된다면 1단짜리에 글씨 크게해서 사용하는게 차라리 낫다는 의견도 있습니다)

      본문 글씨 크기는 글쎄요.. 그런건 만드는 사람이 생각해서 만드는거죠. ^^; 일반 모니터에서는 잘 나오지만 극단적으로 큰 사용자나 극단적으로 작은 경우에는 조금 그렇겠죠.

      한번 테스트 삼아서 블로그를 하나 더 만들고 거기에 스킨 설정 후 글 몇 개를 붙여넣기 해보세요. 기껏 힘들게 폭을 늘렸다가 본문이 썰렁해지면 오히려 다시 설정해야 하거든요. (티스토리는 5개까지 지원됩니다)

    • 긴 장문의 댓글 감사합니다.

      쭈욱 관심있게 읽어보면서 공감되는 내용이 많습니다..
      새로운 블로그를 만들때 혹은 스킨을 만들때

      어떤게 가장 좋겠는가에 대한 생각도 했고, 현재 제 블로그에 대한 부분도 생각을 했습니다.

      좋은 의견 주셔서 감사합니다.

      역시^^ 노하우가 많으시네요~

  5. 댓글창에 바퀴벌레가 기어다니는 건가요? ㅋㅋㅋㅋ 이게 뭔가~하고 한참 봤네요 ㅋㅋ

    저는 사진을 중심으로 올리기 때문에 넒은 게 좋아요.
    지금은 740으로 쓰고 있구요~ (투표는 750)

    그런데 글을 중심으로 쓴다면 좁아도 될 것 같아요.
    넓은 화면에 글씨만 있으면 답답해 보이거든요.

    이웃님들 포스팅 중에 글은 좋은데
    너무 좁은 줄간격과 깨알같은 글씨 때문에 읽지 않고 가는 경우도 있어요.

    • ㅋㅋ 귀엽죠 ㅋ 애완용입니다. 히히

      저 같은경우는 글만 쓰지는 않고, 대부분이 사진이 포함되고 사진에 대한 글을 쓰는 리뷰형식의 글을 많이 씁니다..

      it관련이다 보니깐요~..

      그래서, 위의 모든 조건이 합당한다면 가장 좋을듯 한데 여러분은 어떻게들 사용하는지 궁금했습니다.

      음.. 와이드한데, 글을 쓰게되면 그것도 그렇고, 본문은 쫍은데 사진이 많으면 그것도 그렇고..

      ㅎㅎ;;

  6. 음.. 683요 ㅎㅎㅎ( Life in mono스킨기본 가로폭ㅋ)
    이전에 이웃분 가로폭 해결해주셔서 너무 감사드려요 ^^;

    • 아 그렇군요~~.. 700정도로 해도 되겠네요~

      패딩값을 좀 주면 되니깐요~

      저번 이웃 블로거 ^꺼는 저도 공부 좀 했습니다
      나름 재미 있었습니다.^^

  7. 본문 가로폭 650에 양쪽여백 20씩 빼고, 사이드바를 250정도로 잡으면 1024x768의 해상도에서도 정상적으로 볼 수 있습니다.

    현재 국내 인터넷 최소 권장 해상도가 현재 1024x768인만큼, 모두를 위한 웹이 되어야 한다고 생각합니다.

    본문을 강조하고 싶다면 왼쪽에 본문을 두는 것이 좋고, 제 블로그처럼 Header가 존재하지 않는 방법도 좋습니다.

    또한 본문의 가독성도 중요하지요. 가능하시다면 댓글란의 글줄간격도 본문처럼 늘려보시는 것도 추천합니다.

    • 고맙습니다.

      안그래도 오늘 포스팅하며서 가장 적절한 사이즈가 어떤게 좋을까 1024를 기준으로 할때 생각해보니, 650이 있고, 혹은 700이 있더군요~

      650은 사이드바를 250 즉, 900을 잡는거고..
      700은 사이드바를 200 즉, 900을 잡는거죠~

      위와 같은 결론으로 생각이 되어 가는데요~

      말씀하신데로 좋은 방법인듯 합니다.

      댓글의 줄간격 조정 부분도 좀 찾아봐야겠네요~
      안그래도 그래야 하지 않을까 생각했습니다.

      감사합니다.


      블로그 다시봐도 이쁩니다~
      독특하고요~

  8. 지금 725쓰고 있는데 너무 넓다는 생각이 드네요..
    줄일 계획입니다. ㅎ

  9. 흠.. 650이 적당하다는 의견이 대부분이군요... 저는 일단 1단스킨을 쓰고 있기는 한데... 2단으로 바꿀까 진지하게 고민중입니다 ㅎㅎ 근데 손이 많이 갈까봐 ㅎㅎ

구글 크롬이 속도가 빠르다는건 개인적으로는 이미 알고 있었습니다.그러나? 파이어폭스의 확장기능 때문에 쉽게 크롬으로 넘어올수가 없더군요!..... 아무튼 오랫만에 다시 설치해본 크롬은 좀더 깔끔해진 느낌이더군요! 인터페이스와 속도 역시 파이어폭스 느려진 속도에 비해서 훨씬 좋게만 느껴지는군요!

또 하나 ... 크롬에서도 확장기능을 지원한다고 하는데 이 점이 가장 마음에듭니다^^

http://www.google.com/chrome/

크롬을 설치하고 나서 첫번째 문제라고 느껴지는 부분은 바로 티스토리의 댓글창에 작아지는 글꼴 문제입니다.

구글 크롬 옵션은 오른쪽 맨 상단에 연장 (모양) 아이콘을 클릭하면 됩니다.
연장 아이콘을 누른후에 맨 하단에 옵션을 누르면 아래창을 볼수 있습니다.

크롬 옵션에서 아래처럼 해주면 수정할수 있습니다만.... 원래 이게 맞습니다만....

그러나 위처럼 하면 다시 초기값으로 돌아갑니다...
알아보니 버그라고 하더군요!

그래서 강제로 바꾸는 방법이 있는데 바로 아래처럼 합니다. (열려있는 크롬을 종료합니다.)

윈도우 xp 기준
C:\Documents and Settings\컴퓨터이름\Local Settings\Application Data\Google\Chrome\User Data\Default

윈도우 7 기준
C:\Users\컴퓨터이름\AppData\Local\Google\Chrome\User Data\Default

해당 폴더가 보이지 않으면 탐색기에서 위 보기 -옵션에서 숨김파일 폴더및 드라이브 표시를 체크 해주셔야 숨겨진 위의 셋팅 폴더가 보여지게 됩니다.

의 폴더 안에 보시면 파일인 Preferences 이 있습니다.
이 파일을 editplus나 메모장으로 열어서 아래처럼 바꾸어줍니다.

여는 방법은 메모장을 먼저 실행합니다. 메모장에서 해당 위치의 폴더로 찾아가면 해당 폴더에 아무것도 보이지 않습니다. 이는 열기설정이 텍스트파일로만 되어 있어서 그렇습니다.

아래 파일형식을 전체파일로 해줍니다. 그럼 선택이 가능합니다.

해당 파일인 Preferences 을 엽니다. 
그러면 맨 아래쪽에 위와같은 부분이 있습니다... 해당 부분을 13에서 16을 변경후에 저장합니다.

그런후에 구글크롬을 실행하고 환경설정을 보면 

이제 댓글창의 글씨크기가 정상적으로 나올겁니다.

꼭 이 문제가 아니더라도 글씨가 비정상적으로 작게 보이는 부분이 있다면 위와 같은 방법으로 하시면 됩니다.

Post by : 친절한 재아

댓글을 달아 주세요!

  1. 오호! 이거 저한테 완전 유용한데요?^^
    크롬 이용중인데.. 댓글 달때 항상 불편을 느끼고 했답니다.. 'ㅜ' 'ㅡ' 이런게 표도 잘안나고 했었는데.. 넘 갑사드려요~~

    • 저도 왠만하면 그냥 사용해볼려고 했는데, 불편해서 안되겠더군요


      혹시 위의 해당 폴더가 보이지 않으면 폴더옵션에서 숨긴파일과 숨긴폴더 보여주기에 체크 하시면 숨겨진 폴더가 보여지며 해당 위의 폴더대로 찾아가신후에 변경해주시면 됩니다.^^;;

      ...

    • 안그래도 아무리 찾아도 없길래.. 내 컴터가 이상한가하면서 물어볼까말까 고민하고 있었어요^^;;; 다시 감사드려요~~ㅎㅎ

  2. 전 아직 크롬에서는 제가 원하는 기능이 없어서... 보류중입니다. ㅎㅎ

  3. 좋은팁 잘 보고 갑니다..
    즐거운 하루 되세요^^

  4. 저도 글씨가 너무 작아서요 걱정이예요ㅜㅜ
    크롬옵션이 어디있나요?ㅠㅠ
    꼭 답변해주세요 !

  5. 글씨가 이상하던데 감사합니다!!

티스토리 툴바