이미지 크게 보기(Light TT EX) 플러그인 설정하기

이미지 잘 안 보여…

글을 작성하다 보니 이미지를 넣는 경우가 자주 발생한다. 그런데 스크린 캡처 이미지가 커서 글을 작성한 곳에서는 강제로 크기를 줄이면 이미지가 흐릿하게 보여서 이미지를 넣은 효과를 보지 못하는 느낌… 그런데 다른 사이트를 가보니 이미지를 클릭하면 화면이 검게 변하고 이미지 원래 크기대로 보여서 이미지가 선명하다.

이 기능은 어떻게 구현한 것인지 내 블러그에도 적용하고 싶은데… 아직 Html, CSS 잘 모르는데.. 다행히도 티스토리에서는 플러그인이라는 게 있어서 간단한 설정만으로 적용할 수 있다고 한다. 그래서 이번에는 이미지를 크게 보일 수 있게 하는 플러그 인 설정에 대해서 작성하려고 한다. 그 전에 플러그인이 무엇인지도 간단히 알아보고 넘어가야지…

플러그인 (Plug-in)

웹 페이지의 일부 기능으로 쉽게 사용될 수 있는 프로그램. 정의는 이렇다. 정의만 봐서는 초보인 나에게는 이해가 잘 안 됨… 조금 더 검색해 보니 조금 알 것 같다

볶음밥 요리를 한다고 가정을 해보자. 냉장고에서 재료를 꺼내서 씻고, 자르고, 그리고 불에 프라이팬을 올리고 기름을 치고 준비한 재료를 순서대로 넣고 요리를 하면 맛있는 볶음밥이 완성되었을까? 글쎄 누가 만들었냐가 중요하겠죠… 난 요리는 못하지만, 볶음밥은 잘 만드는 것 같은데 일단 맛없다고 가정하고, 백종원이 요리했으면 맛있겠죠. 웹에서는 어떠한 기능이 작동하려면 Html, CSS, 스크립트 등을 사용해서 이것도 어떤 개발자가 개발했느냐에 따라서 차이가 있겠죠.

플러그인은 전자레인지에 3분 볶음밥을 넣어서 요리하는 것 같은 느낌. 3분 볶음밥 포장지 제거하고 전자레인지에 넣고 3분을 설정하고 누르면 끝. 간단히 요리되죠. 맛도 그리 나쁘지 않고 아마도 이런 느낌이 플러그인 아닐까 싶네요. 맞게 설명한 건가… 잘 모르겠다. 틀릴 거 같으면 면 가르쳐 주세요. 플러그인에 대해서 간단하게 설명한다는 것이 너무 길어졌네.. 하여튼 직접 설정해보면 이해가 될 듯. 따로 소스를 편집할 필요는 없고 관리자메뉴에서 몇 가지만 설정하면 됩니다.

이미지 크게 보기(Light TT EX) 플러그인 설정 방법

우선 자신의 블로그에 관리자 페이지로 이동합니다. 그리고 왼쪽의 메뉴 하단에 보면 플러그인이 있습니다.

이것을 클릭하면 전체 플러그인이 오른쪽에 표시됩니다.

아래에서 찾아보시면 이미지 크게 보기(Light TT EX) 플러그인이 있습니다.

이것을 클릭하면 설정화면이 표시됩니다. 그러면 아랫부분에 "이미지를 창 크기에 맞춥니다."가 기본값으로 설정되어 있으므로 적용 버튼만 클릭해 주면 끝. 위에서 설명한 요리처럼 전자레인지에 넣고 누르면 끝. 간단하게 끝나죠.

그리고 전체 플러그인에 사용중이라고 표시되어 있으면 기능이 적용된 것입니다.

그럼 블로그로 이동해서 어떻게 표현되는지 한번 확인해 볼까요. 그림이 포함된 글을 한번 볼까요.

위의 예시처럼 그림이 선명하지 않을 때 그림을 클릭하면 아래와 같이 원본 크기의 이미지가 표시됩니다. 원본이므로 크기도 크고 선명하게 보입니다. 지금 위아래 있는 그림도 클릭해 보면 바로 알 수 있습니다. 단 PC에서는 되는데 모바일에는 적용이 되지 않네요.

그리고 이미지가 원래 원본 크기하고 같으면 클릭해도 이미지 크게 보기가 적용되지 않습니다. 이미지 위에 마우스를 올려보면 마우스 모양이 손가락 모양이면 클릭 시 원본 크기의 이미지가 표시되고요. 마우스 모양이 화살표이면 이미지가 원본 크기이므로 이미지 크게 보기가 적용되지 않습니다.

결론

이미지 크기가 너무 크면 블로그 글 읽기가 불편하고 또 이미지 없이 글로 설명하려면 어려운데 이런 플러그인 기능은 괜찮은 것 같네요. 선명하지 않은 이미지를 봐도 대략 짐작은 가지만 더 자세히 보고 싶을 때 클릭하면 크고 선명한 이미지를 볼 수 있어서… 단 모바일에 적용되지 않는다는 것이 다른 웹사이트를 보면 이런 동일한 플러그인이 적용되는데 티스토리 블러그는 적용이 되지 않네요. 혹시 내 핸드폰만 그런 것인지 확인은 해봐야 할 듯... 정작 이 기능이 필요한 쪽은 모바일인데... 구독자에게 선택하게 한 것은 좋은 기능 같습니다.

오늘은 이미지 크게 보기 플로그 인에 대해서 알아봤는데요. 아직도 많은 플로그 인들이 있으니 그리고 아직 저의 블로그는 개설 초기라서 적용되는 플로그인이 있으면 그때 다시 설명해 드리죠. 오늘은 이미지 크게 보기 플러그인에 대해서 알아봤습니다.