본문 바로가기

지니의 IT/Blog 운영

티스토리 블로그 반응형 웹스킨 이미지 최적화 플러그인

티스토리 블로그 반응형 웹스킨 이미지 최적화 플러그인

 

현재 이 블로그에 설정된 스킨은 패스트 붓 반응형 스킨입니다.

저번 포스팅에 티스토리 플러그 인으로 오른쪽 마우스 기능을 차단하는 기능을 알려드렸는데요

 

2017/01/25 - [깃털의 IT/Tistory Blog] - 티스토리 블로그 오른쪽 마우스 기능 차단하는 방법(불펌방지)

 

오늘은 반응형 스킨에서 이미지를 최적화 하는 플러그인을 소개해 드리겠습니다.

 

블로그 작성하다 보면 이미지나 사진을 많이 활용하시는데요.

글로만 작성된 포스팅은 좀 딱딱하기도 하고 독자들의 흥미를 유발하는데 한계가 있기 때문이겠죠

블로그에 이런 사진을 활용하는 것은 글을 쓰는데 도움이 되지만 모바일 환경에서는 데이터 사용량이나 속도에

영향을 미치기 때문에 사진이 너무 많으면 페이지 다운로드 시간이 길어져 불편할 수 있습니다.

요즘은 이동시 핸드폰으로 블로그 글도 많이 보고 웹서핑도 많이 하는데요

컴퓨터보다 이런 모바일 기기를 많이 사용하는 환경에서는

모바일 이용자들을 조금 고려해 줘야 할 필요가 있을 겁니다.

 

티스토리에서는 반응형 웹스킨에서 이미지 파일을 다운로드시 좀더 효율적이고 빠르게 받을 수 있도록 플러그인을 지원하고 있는데요

한번 설정해볼까요?

 

 

티스토리 관리 화면으로 들어가셔서 플러그인 설정을 확인하시면 오른쪽과 같은 화면이 나옵니다. 여기서 빠른 접근을 위해 멀티미디어를 클릭해주세요

그러면 아래에 3개의 플러그인이 나타납니다.

여기서 반응형 웹스킨 이미지 최적화 플러그인을 선택하시고 확인을 클릭해주세요

설정은 이걸로 끝입니다.

그러면 이제 이미지 크기를 브라우저가 판단해서 자동으로 조절해준다고 합니다.

모바일 접속시 데이터 소비를 줄이고 페이지 로딩 속도도 개선되는거죠 .

근데 이게 티스토리에서 제공하는 기본 반응형에만 해당되는 것인지..

제가 사용하는 스킨에도 적용되는지는 잘 모르겠습니다.

아시는 분 계시면 알려주시면 감사하겠습니다.

 

제 블로그는 아직 이미지가 많지 않아 실제 테스트해봐도 큰 차이를 못 느꼈는데요..

이미지 많이 올리시는 분들은 도움이 되지 않을까 싶습니다.

 

저같은 경우도 이미지가 너무 많으면 핸드폰으로 블로그 들어가기 겁날때도 있거든요.. 이미지가 너무 커서요 .

물론 이미지 작업 잘 해 두신 분들이면 파일크기도 줄이셨기 때문에 걱정은 없지만..

그래도 이미지가 많으면 데이터 부담도 되구요

 

그럼 티스토리 블로그 잘 꾸미시고 사용자 입장에서 한 번 더 생각해보는 기회가 되었으면 좋겠습니다.

다음 포스팅에서는 티스토리 블로그에서 이미지를 클릭했을때 크게 띄워주는 플러그인에 대해 알아보도록 하겠습니다.