2009년 3월 7일 토요일

와우! 이렇게 간단하다니! (썸네일 계단현상 방지)


이렇게 간단할 줄은 상상도 못했습니다.

파란블로그에서도 , 여기 티스토리에서도 블로그 첫화면에 썸네일 보여주기를 좋아라 하는

저로서는 작게 리사이즈된 사진들이 조금 덜 부드럽게 보인다는 것에 대해 불만이 많았습니다.

파란에서는 강력하게 주장해서 많이 좋아졌고, 티스토리도 머 크게 나쁘진 않았기에 그려려니 했습니다...

그러다가!!! 낭만고등어형님 블로그에서 보게 된 '리사이즈 계단현상 제거'란 글을 따라가게 되었습니다. (http://www.jessism.com/679)

그래서 레이포토님 블로그에서 이 정보를 알게 되었네요..  (http://rays.tistory.com/309)

너무나 간단했습니다.

바로 Style.css에서 딱 한줄!!!

 img {-ms-interpolation-mode:bicubic;}


이 것만 첨부하면 되는거였습니다.

그럼 한번 보실까요?

제 블로그에 저 한줄 적용전의 사진입니다.



보시다시피 썸네일이 왠지 부자연스럽죠??


그럼 이제 적용샷입니다~^^






자, 한번 보시죠!!! 놀랐죠? 한줄의 문구로 인해 블로그가 이렇게 달려지다니!!!!

너무 좋은 효과인데 알고 계신분이 적은 것 같아~ 제 블로그에도 다시 한번 소개합니다.

적용방법은요? 위에 적었지만, 또 헤매실 분 계실까봐... 사진으로 올릴께요~

티스토리 관리창에서!!



요로코롬 하시면 됩니다.  간단하죠?

모르시던 분들께 도움이 되길! 근데 할거 많은데 이렇게 농땡이 쳐도 되는지 모르겠삼... 머 그래도 토요일이니깐요!^^

댓글 12개:

  1. 요거 아주 간단하면서도 꼭 필요했던기능이죠~

    저번에 아들녀석 블로그에 적용해 놨더니 마누라가 좋아하더군요~ㅋㅋ

    답글삭제
  2. 와우~ 정말 좋은정보네요 ^^

    하지만 저는 사진을 작게올려서 그런지 별 다른 느낌은 없네요.

    사진사이즈 가로660정도면 달라지는게 없나봐요.

    답글삭제
  3. @까칠이 - 2009/03/07 16:16
    글쵸, 아주 간단한건데 몰라서 고생한적이 있었습니다~^^

    답글삭제
  4. @코딱지 - 2009/03/07 19:16
    아,,그런가요?ㅋ 아님 이미 적용되어 있으신거 아닌가요?



    전 차이가 많이 나더라구요~

    답글삭제
  5. 그닥 차이를..



    암튼 좋은 정보군요~~



    지금 적용을~~ㅋ

    답글삭제
  6. @영배 - 2009/03/09 11:44
    차이 많이 날텐데? 내가 넘 민감한건가?

    답글삭제
  7. 흠... 나만 뭔소린지 모르는 씨추에이션? 에잇-

    답글삭제
  8. @Supernova Subi - 2009/03/11 09:06
    아, 이거 예전 파란블로그에서도 제가 줄기차게 해결해 달라고 했던 문제중 하나였거든요...근데 저렇게 간단한줄 알았다면..ㅋ 그리고 저렇게 간단한걸 왜 운영자들은 해결 못했을까..하는 의문이..

    답글삭제
  9. trackback from: 썸네일을 부드럽게..
    일단 출저부터.. http://loveash.cc/58 보통 블로그에 보면 이미지를 등록하는 경우 그걸 썸네일로 출력해주는 경우가 있는데 좋은 기능이지만서도 계단현상이 생기는 일이 많다, 그럴때 그걸 없애주는 css가 있으니.. img { -ms-interpolation-mode:bicubic; } 이런 속성이 있다, 물론 딱봐도 ms전용인 거 같은데 ^^ 그래도 익스플로러에서라도 예쁘게 잘 나온다면 말이야..

    답글삭제
  10. 애쉬님 안녕하세요^^ cooliris 탐색중에 우연히 들어왔는데 링크가 보여서요

    아마 댓글 다신 이웃분중에 ie를 안쓰시고 다른 브라우져를 사용하시면 차이점이없으실겁니다. 혹은 본문 사이즈보다

    사진을 적게 리사이즈해서 올리신다면 더욱더..^^

    또 ie6을 사용하신다면 차이점을 모르실수도 있어요 ie7에서부터 작동을 하는 거라서요

    순천만 사진 참 좋으네요..

    답글삭제
  11. trackback from: IE7에서 리사이즈된 이미지 계단현상 Resampling scale
    먼저 왼쪽의 이미지는 제 블로그의 테터데스크를 이용한 화면입니다. "사진" 블로그를 운영하시는 많은 분들이 스킨을 선택할때 가장 고민되는 부분이 아마도 스킨의 폭일겁니다. 저역시 1000px이상이 되는 스킨을 찾으려고 했고 생각보다 그런 스킨이 많지 않아 수정을 하거나 아니면 가변폭을 사용한 스킨을 사용할 수 밖에 없었습니다. 또 하나의 문제는 스킨을 바꾸려고 할때 기존의 사진을 자동으로 줄여주는 것이 있는가하면 그렇지 않은 스킨은 일일이 포스팅한..

    답글삭제
  12. @미리누리는천국 - 2009/03/28 00:28
    cooliris 검색이라,,저도 오늘 slr클럽에서 첨 알게되었는데..한번 사용해 봐야겠군요^^ 아..IE7 버젼부터 가능한 명령어였군요...회사에서는 IE7을 쓰고 , 집에서는 IE8을 쓰기 땜에 당연히 되는거라고만 생각했었습니다!^^

    답글삭제