안녕하세요.
TISTORY입니다.


오늘은 티스토리 플러그인과 관련해 두 가지를 안내드리려고 합니다.



반응형 웹스킨 이미지 최적화 플러그인 오픈


모바일 웹 개편 후에도 많은 블로거가 다양한 화면 크기에 최적화되는 장점 때문에 반응형 웹스킨을 사용하고 계십니다. 하지만 PC 환경을 고려해 고용량 이미지를 올린 경우 모바일 기기로 접속했을 때도 과도하게 큰 이미지를 내려받게 되면서 전반적으로 반응형 웹스킨을 사용한 블로그의 페이지 로딩이 느려지거나 데이터 소모가 심해지는 등의 문제가 있을 수 있습니다.


공들여 촬영하고 편집한 이미지를 방문자에게 온전히 보여주고 싶긴 하지만, 과도한 데이터 소모와 느린 페이지 로딩으로 방문자가 글을 읽기도 전에 나가는 건 바라지 않으실 것 같아 반응형 웹스킨 사용자를 위한 새로운 플러그인을 준비했습니다. 플러그인 관리에서 꼭 새 플러그인을 켜고 이용해 보세요.



'반응형 웹스킨 이미지 최적화 플러그인'을 사용하면

  • 모바일에서 접속 시 더 가벼운 이미지를 제공해 로딩 속도를 개선합니다.
  • 이미지 로딩을 위해 사용하는 데이터 소비가 줄어듭니다.


다만 일부 반응형 웹스킨의 경우 스킨 수정이 필요할 수 있는데요.

이미지가 정상적으로 표시되지 않는 문제가 있다면 아래 내용을 확인하신 후 조치해 보시기 바랍니다.


Flatium 스킨 등 

style.css 206 줄의 width: auto !important;를 삭제해야 이미지가 정상적으로 표시됩니다.

.entry .article img {
display: inline-block;
width: auto\9 !important; /* ie8 */
width: auto !important;
max-width: 100%;
height: auto !important;
}

대신


.entry .article img {

display: inline-block;

width: auto\9 !important; /* ie8 */

width: 100%;

max-width: 100%;

height: auto !important;

}


그 외 일부 블로그

이미지가 제대로 보이지 않는 경우 폭을 100%로 지정하는 HTML 태그를 추가하시기 바랍니다.


img {

width: 100%;

}




새로운 플러그인 제공과 함께 일부 플러그인의 종료에 대해서도 안내 드립니다.


일부 플러그인 종료 안내


그동안 외부 제휴 등을 통해 제공했지만, 정상적으로 서비스가 이뤄지지 않거나 사용이 미미한 일부 플러그인을 종료하게 되었습니다. 이점 티스토리 이용에 참고 부탁드리며 추후 새롭고 유용한  플러그인을 다시 제공해 드릴 예정이니 앞으로도 많은 관심 부탁드립니다. 



종료 대상 플러그인을 사용하신 경우 추후 블로그에서 해당 플러그인이 자동으로 삭제될 예정입니다.


- 미아찾기 캠페인

- OnOffMix 위젯

- MyTNM



앞으로도 티스토리는 여러분의 글이 더 많은 이에게 읽히고 공감받을 수 있도록 서비스를 개선해 가도록 하겠습니다.

감사합니다.


저작자 표시 비영리 동일 조건 변경 허락
신고
Posted by TISTORY

댓글을 달아 주세요

  1. 비밀댓글입니다

    • 안녕하세요. TISTORY입니다.

      700*467 픽셀로 리사이즈 해서 이미지를 올리셨다면 아이폰4등의 매우 스크린 사이즈가 작은 폰에서만 640이나 480등의 가로 사이즈로 리사이즈 되고 나머지 기기에서는 원본이 보입니다.

  2. 드디어 추가 되었군요! 기다렸던 플러그인 입니다! 감사합니다!

  3. 새 플러그인 적용했습니다! :)

  4. 이미지 최적화 플러그인 환영합니다.!
    확실히 로딩 속도가 향상된 느낌이 드네요!

    이제 스크립트 관련해서 최적화와 적용되지 않은 치환자, 그리고 다양한 치환자만 추가한다면 더 좋은 티스토리가 될 것 같다는 느낌이 드네요!

    감사합니다.

  5. 네 정말 반가운 기능입니다^^

  6. 오오 이런 기능 지원 환영합니다. ^ㅅ^

    그런데 기존에 작성한 글에 첨부한 이미지도 이 반응형 스킨용 플러그인을 쓰면 적용되나요? 아니면 새글 부터인지요?

    • 이전에 작성한 글도 모두 포함해서 되더라고요ㅎㅎ srcset 기술이 적용되어 있어서 확실히 로딩 속도면에서 좋은 것 같습니다.

      또한 화면 해상도까지 인식해서 모바일이나 고해상도 기기에서도 흐릿하게 보이지 않는 것 같습니다.

    • 댓글 감사합니다. 우와왕 +_+

  7. 감사합니다 ! ^^

  8. 좋은 플러그인 감사드립니다. ^^

  9. 항상 새로운 기능에 감사합니다~^^

  10. 감사합니다. 반응형으로 교체하고 이미지 문제로 저번에 고생했는데 이번에는 잘 해결되었습니다.^^

  11. 와 정말 감사합니다.
    덕분에 블로그가 숨을 쉽니다.!

  12. 사진을 크게 올려서 고민하던 부분인데 좋은 플러그인이 나왔네요
    감사합니다^^

  13. 댓글 달 때 오픈댓글 서비스 이용할 수 있게 해주실 수 있나요?
    라이브리는 또 가입해야 되는 데다, 심플 디자인의 블로그에는 영... 안어울리는 것 같아서요. 또 다음에서 만든 거면 설치하기도 쉬울 거고, 디자인도 깔끔하고 쉽게 쓸 수 있으니까요.(라이브리는 로그인 할 수 있는 서비스 폭이 너무 넓어요. 제가 보기에는 좀 복잡해요....그에 비해 다음 오픈댓글은 심플하고, 간단하고, 대부분의 사람들이 사용하는 서비스들로 로그인해서 댓글을 쓸 수 있으니 좋은거고요.)

  14. 로딩속도는 빨라지던데 반응형스킨에서 이미지의 크기가너무 작아져버립니다. 어떻게 해야 하는지 설명해주실수 있나요?

  15. 표나 글상자에 쓴 글의 경우에도 사용하는 기기의 화면크기에 따라 자동으로 줄바꿈이 되었으면 좋겠는데요. 그럼 글 읽는데 불편함이 많이 덜어질 것 같습니다.

  16. 비밀댓글입니다

  17. HTML 태그는 어느 위치에 넣어야하나요?



티스토리 툴바