티스토리 링크 첨부할때 미리보기 크기 절반으로 줄이기

티스토리에서 글 작성 시 필요한 자료 링크나, 이전에 작성한 글을 넣을 때  첨부 후 엔터를 입력하면 바로 아래에 해당 링크의 미리 보기 이미지가 크게 적용됩니다.

 

그래서 본문을 볼때 미리 보기 이미지 크기가 글 쓰는 공간을 많이 차지하는 느낌이 들어 항상 마음에 걸렸던 부분이었습니다. 

 

하지만 사이즈 줄이는 방법을 몰랐기에 지금까지 그대로 사용하던 중 한 블로그분이 올려주신 방법으로 크기를 줄이는 방법을 알게 되었습니다. 

 

방법도 아주 간단하며, 한번 변경하면 지금까지 작성한 모든 글에 첨부된 링크 이미지 사이즈가 변경됩니다. 

 

변경된 사이즈를 비교 해보시고 마음에 드신다면 아래 링크를 통해 변경해 보시기 바랍니다. 

 

---

■ 링크 이미지 사이즈  비교

알려주신 방법으로 해보니 가로 사이즈는 유지, 세로 사이즈 반절로 줄어듬

 

썸네일 이미지도 축소된 비율로 알아서 줄어서 눈으로 봤을 때 깔끔하고 한눈에 들어와 좋네요. 

 

 

 

↓↓기존 링크 첨부 시 이미지 크기↓↓

 

↓↓변경 후 링크 첨부 시 이미지 크기↓↓

 

어떠신가요? 저는 변경 후 사이즈가 적당하고 공간도 덜 차지해서 좋다고 생각하는데요.  

 

특히 한 글에 여러 개의 링크를 첨부하거나 연속으로 링크를 첨부할 때 보다 깔끔하고 한눈에 보기 쉬운 거 같습니다. 

 

---

■ 설정하는 방법

아래 링크에 접속 후  '링크 스타일 CSS.txt"를 다운로드하여서 →  아래 이미지와 같이 티스토리 관리 페이지에서  "스킨 편집"에서 CSS 코드를 입력 해면됩니다. 

 

아주 간단한 방법이니 아래 "친절한 효자 취미 생활"님 글을 보시면 됩니다. 그밖에 유용한 글도 많이 있으니 한 번씩 읽어 보시면 도움이 많이 되실 겁니다. 

  

친절한 효자손 취미생활

티스토리 신형 에디터에서 링크 삽입 시 미리보기 절반 크기로 줄이기