태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.


많은 분들이 잘 알고 계시는 부분이지만 혹, 모르시는 분들과 초보자 분들을 위하여 이미지 관련 tip 하나를 알려드립니다. 블로그를 하면서 직접 찍은 사진을 올릴때도 많지만 웹상의 기록을 캡쳐한 이미지를 올릴때도 상당히 많습니다. 하지만 이 캡쳐한 녀석을 블로그에 올려보니 알아볼수 없을 정도로 깨져 있다는 것입니다.

그에따라 밑에 설명으로 '클릭을 하시면 캡쳐화면을 제대로 보실 수 있습니다'란 문구도 쓰곤 합니다. 어쩔땐 멀쩡하게~ 또 어쩔땐 깨져보이고~ 사람 가지고 노는 것도 아니고 말이지요?^^ 뭐 제가 이쪽 전문가가 아니라 어떤 현상 때문에 이런지는 모르겠습니다만 이런 어려움을 해결하는 방법은 한가지 알고 있습니다. 그래서 이렇게 공유해 봅니다.^^
   ▲ 무작정 캡쳐해서 역시 무작정 올려버린 캡쳐입니다. 글씨 및 이미지들이 깨져보이죠?
   ▲ 요것은 제가 활용하는 방법으로 올린 캡쳐입니다. 물론 위에 캡쳐와 같은 이미지 입니다.

그럼 이 두가지가 왜 틀리게 나올까요? 다시 말하지만^^ 전 전문가가 아니라 확실하다고 말은 못하겠습니다만 픽셀의 문제가 아닐까 싶기도 하고 제 각기 블로그엔 본문영역이 있습니다. 이 본문영역 보다 캡쳐한 이미지 픽셀이 더 크면 이렇게 깨지는 현상이 아닐까요? 본문영역은 환경설정 어딘가 뒤져보면 알 수 있습니다.^^ 자 그럼 이렇게 무작정 깨지는 이미지를 깔끔하게 보이도록 바로 잡는 방법을 알려 드립니다.

그냥 뚝딱! 되면 얼마나 좋겠습니까? 좀 수고가 필요한데요 바로 이미지뷰어가 하나쯤은 설치되야 하지 않을까 싶습니다. 뭐 안그래도 요새 보통 윈도우 자체 이미지뷰어 보단 알씨나 acdsee 등 모두 하나씩은 설치되어 있겠죠? 이런 이미지뷰어를 가지고 수정이 가능합니다. 아! 물론 포토샵에서도 가능하나 좀 귀찮긴 하겠죠? 전 갠적으로 XnView란 이미지 뷰어를 놓고 설명을 하겠습니다.
캡쳐한 이미지를 불러와 자신의 블로그 본문영역에 맞게 크기를 변경해 주는 작업입니다. 굳이 본문영역 크기만큼 정확하게 조정을 하지 않아도 이렇게 이미지뷰어로 크기만 살짝 조정해줘도 이미지가 깨지지 않고 깔끔하게 변경이 됩니다. 물론 본인이 원하는 높이 넓이만큼 조정해줘도 깔끔하게 출력이 됩니다. 제가 쓰는 XnView란 프로그램에서는 이미지→크기변경으로 들어갑니다.
그리고 너비와 높이(밑에 비율 유지에 체크를 했으므로 자동으로 높이 비율을 맞춰줍니다)를 알맞게 조정한후 새이름으로 저장을 하면 깨져보이던게 언제 그랬냐는듯 깔끔하게 화면에 표시되곤 합니다. 뭐 끝입니다.^^ 참 간단하죠? 굳이 자신의 본문영역에 딱! 맞출 필요도 없습니다. 그저 이미지뷰어로 불러와 새이름으로 저장만 해도 이미지 깨지는 현상이 없어집니다. 이제부턴 깨지는 캡쳐화면을 올리지 말고 그래도 보는이들도 배려해주는 이런 작은 수고쯤은 해줘야 하지 않을까 생각을 해봅니다. 포토샵보다도 간단하고 가벼운 작업이라 꽤 쓸만한 도구가 아닌가 싶습니다.^^

- 공사중 -

댓글을 달아 주세요

  1. Favicon of https://turkiclibrary.tistory.com BlogIcon 활활이 2009.08.20 18:24 신고  댓글주소  수정/삭제  댓글쓰기

    간단하면서도 좋은 팁이네요 ㅎㅎ;

    저는 캡쳐후 올릴 때 귀찮아서 막 올리는데 두 사진 보니 확실히 작업한 것이 좋군요 ㅎㅎ

    즐거운 저녁 보내세요^^

  2. Favicon of https://coicoi.tistory.com BlogIcon 나노아 2009.08.21 12:31 신고  댓글주소  수정/삭제  댓글쓰기

    오호 참깨군님의 말을 보니 넷북으로 다시 한번 들어와봐야겠네요.
    이 컴퓨터는 IE6.. 넷북은 IE8이라지요. ㅎㅎ
    IE7은 어떻게 보일려나요?

  3. Favicon of http://blog.daum.net/chamkkaegoon BlogIcon 참깨군 2009.08.21 13:46  댓글주소  수정/삭제  댓글쓰기

    위 현상은 IE6같이 구형 브라우저에서 교정 기능이 없어 생기는 현상입니다. ^^;
    IE8, 파이어폭스, 크롬&사파리 같은 웹브라우저에서는 자동 교정이 되어서 정상적으로 보이죠.
    한번 파이어폭스나 IE8을 설치하신후 이 게시물을 읽어보세요. 정상적으로 보이실겁니다.

    사실 IE6는 이미지 뿐만 아니라 문자 교정 부분도 다른 최신 웹브라우저와 차이가 많이 납니다. 한 예로 연세드신 분들께서는 눈이 어두우셔서 인터넷 하실때 문자를 임의로 확대/축소(CTRL +/-)하여 보시는데, 이때 IE6와 최신 브라우저를 비교해보면 성능차를 확 느낄 수 있습니다.
    쿠지님께서도 한번 비교해서 봐보세요. ^^

    • Favicon of https://koozistory.tistory.com BlogIcon koozijung 2009.08.21 13:18 신고  댓글주소  수정/삭제

      아이고~ 참깨님~ㅋㅋㅋ 메일까지 손수 주시고 정말 감사드립니다.ㅋ 메일까지 받고 보니 이제야 업그레이드 할 예정입니다.ㅋㅋ 꿀발라놨냐는 멘트 맘속에 간직하겠습니다.ㅋㅋㅋ

  4. Favicon of https://wowhappyworld.tistory.com BlogIcon 김팬더 2012.01.06 23:25 신고  댓글주소  수정/삭제  댓글쓰기

    이것때문에 고생했는데 덕분에 고쳤네요 고맙습니다^^