컴퓨터 화면을 캡쳐해서 포스팅 이미지로 사용하다보면 블로그 본문폭이 좁아서 이미지를 줄이는 경우가 자주 있습니다. 단순한 사진, 이미지일 경우는 전체크기를 줄이면 되지만 이미지 속에 글자가 포함되어 있다면 글자가 흐려져서 블로그 가독성이 나빠질때가 많이 있습니다. 
 

사소한 이미지 하나가 블로그 가독성을 결정짓는다.

어제 발행한 티스토리 백업에 관한 포스팅에서 사용된 이미지를 예시로 설명하겠습니다.  

단순히 크기만 줄인 경우 

 블로그의 폭보다 큰 캡쳐이미지를 티스토리에 그대로 올려버리면 자동으로 크기가 작게 수정이 됩니다. 그리고 아래 그림처럼 글자가 작아져서 모니터로 볼때와 비교해 흐려보이고 읽기가 불편하다는 것을 느낄 수 있습니다. 

편집툴로 수정을 해준 경우  


 가독성이 안좋아보여 고민하다가 비밀번호란과 백업메뉴 사이에 공간이 많이 남는것이 보였습니다. 데이터 백업 아래 설명이 조금 잘리기는 하지만 중요한 부분이 아니라 편집툴로 빨간색선 사이를 삭제하고 이미지의 가로폭을 줄여봤습니다. 가독성이 좋아졌다는게 눈으로 느껴지시나요 ?

검정색에 테두리까지 만들어준 경우   


 이미지속 글자의 가독성은 좋아보였지만 캡쳐이미지와 본문의 경계가 없어서 지저분해 보인다는 생각이 들었습니다. 이럴땐 추가로 이미지에 테두리를 만들어 주시면 됩니다.   

그밖에 이미지 배치를 이용한 가독성 높이기

 아래 이미지처럼 단순히 가로로만 정렬을 하게되면 좁은 본문에 맞게 이미지를 줄여줘야되서 캡쳐이미지들의 내용이 거의 보이질 않습니다. 이럴경우는 이미지 배치를 조금 색다르게 겹쳐주시면 캡쳐이미지들이 조금은 세련되 보이기도하고 가독성에 많은 도움이 될 수 있습니다.

<편집전>

<편집후>


사소한 이미지 하나가 블로그 가독성을 결정짓는다.


 블로그 포스팅을 하면서 특히 캡쳐이미지들로 설명을 한다면 이미지 하나 하나가 블로그 가독성에 중요합니다. 블로그를 시작하셨다면 어렵거나 귀찮게 느껴질수도 있지만 포토샵과 같은 이미지 편집툴의 기본적인 기능은 반드시 익혀두시는 것이 좋습니다.  


후기.

  블로그 포스팅을 하실때 이미지의 편집, 배치등에 조금만 더 신경써주신다면 블로그 가독성 향상에 많은 도움이 될수 있습니다. 그래서 다음번 포토샵강의의 내용은 캡쳐이미지들을 예시로 해서 포토샵 선택둘, 복사방법, 레이어등에 관한 포스팅을 할 계획입니다. ^^;;




신고

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 확실히 그런 것 같아요^^

    블로그에서 글 내부에 있는 이미지라던가.. 소제목들.

    그런 것들이 모두 모여서 블로그의 가독성을 결정하는 듯합니다^^

    2011.03.08 14:31 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 가독성이 아주 중요한 것 같아요!
    이미지를 많이 사용하기에 티비님 하시는 것
    부지런히 배워 나가야겠습니다.
    지금은 아는데로 하고 있는데~
    많이 부족하거든요!ㅎ

    2011.03.08 15:03 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 비밀댓글입니다

    2011.03.08 15:05 [ ADDR : EDIT/ DEL : REPLY ]
  5. 작은 차이가 명품을 만들죠... 오늘도 멋진 정보 잘 보고 갑니다.^^*

    2011.03.08 15:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
  6. 블로그 초보인 제게는 언제나 큰 힘입니다!!+_+ ㅎㅎㅎ언제나 잘보고 있어요~

    2011.03.08 15:20 신고 [ ADDR : EDIT/ DEL : REPLY ]
  7. 추천은 필수 ㄱㄱ~~ ㅎㅎㅎ

    2011.03.08 15:21 신고 [ ADDR : EDIT/ DEL : REPLY ]
  8. 첨엔 뭣도 모르고 시작했는데
    요즘엔 이것저것 저도 꾸며보고 싶다는 생각이 들어요
    물론 가독성이 좋은 범위 내에서 깔끔하게ㅎㅎ
    티비님만 따라하면 되겟죠?^^

    2011.03.08 16:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 저는 포샵질도 하기도 게을러서 이미지는 최대한 안 쓰고있습니다...ㅎㅎㅎ

    2011.03.08 16:52 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 평소 신경을 잘 안쓰던 부분인데..많이 배우고 갑니다~
    다음 포스팅 기대하고 있을께요~ ^^

    2011.03.08 17:26 신고 [ ADDR : EDIT/ DEL : REPLY ]
  11. 가독성에 대해서도 공부를 좀 해야겠네요. tv님 블로그에서 팁 많이 얻어서 지금의 블로그 스킨이 되었답니다.^^

    2011.03.08 17:48 신고 [ ADDR : EDIT/ DEL : REPLY ]
  12. 쎈쓰의 문제이자 ...베블로 가는 '방법'이 되겠습니다

    2011.03.08 17:55 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 남편에게 제 사진과 글들이 가독성을 떨어뜨린다는 지적을 받았습니다.
    많이 고민중입니다.
    그런데 제 글은 글 위주가 아닌 사진 위주에 딸려진 글이라...항상 고민이 많습니다. ㅡㅡ;;

    2011.03.08 18:24 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 빈배

    아하! 좋은 것 하나 배우고 갑니다^^*

    2011.03.08 20:19 신고 [ ADDR : EDIT/ DEL : REPLY ]
  15. 와! 그렇군요^^ 이미지 생각은 못해보았군요! 좋은 정보 감사합니다^^
    그런데 그림판은 기능이 많지 않지만 간단하고, 포토샵은 기능이 많지만 귀찮고, 어떤것이 좋을까요?

    2011.03.08 20:21 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 늘 배웁니다.

    잘 보고가요

    2011.03.08 20:48 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 오늘도 한수 배우고 갑니다. ^^

    2011.03.08 20:56 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 비밀댓글입니다

    2011.03.08 21:07 [ ADDR : EDIT/ DEL : REPLY ]
  19. 좋은 정보 감사합니다.

    2011.03.08 22:35 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. @.@ ㅎ 저도 가독성을 높여야 하는데..ㅠ.ㅠ ㅎ

    인사드리러 왔습니다. ^^; 글은 발행을 못했지만, 한번씩 이렇게 인사드릴께요. ^^;

    2011.03.08 23:23 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 끄덕끄덕...하다가 갑니다..좋은글 잘봤어요~!!

    2011.03.09 09:06 신고 [ ADDR : EDIT/ DEL : REPLY ]

티스토리 툴바