본문 바로가기
꿀팁/블로그 꿀팁 & 정보

[티스토리] 티스토리 썸네일 사진만들기!

by 만능이되고픈 잡캐 2018. 9. 21.

[티스토리] 티스토리 썸네일 만들기!! 본문 이미지 가리기!




안녕하세요! 오늘은 티스토리 썸네일 만드는 방법에 대해 포스팅해보려고 합니다.

블로그들을 둘러보다보면 썸네일 이미지가 깔끔하게 정리되어 있는 것을 볼 수 있죠?

어떻게 하나 궁금했는데 생각보다 쉽게 바꿀 수 있는 방법이 있더라구요.

먼저 썸네일들이 어떻게 되어있나 블로그들을 볼게요.



이렇게 블로그들의 썸네일을 볼 수 있는데 좀 더 깔끔하고 나의 메인 썸네일을 이쁘게 바꾸고 싶다! 하시는 분은 참고하시면 


좋을 것 같아요.







1. 먼저 썸네일로 이용할 사진이나 그림을 찾아주세요.


저 같은 경우에는 PPT로 간단하게 문구와 정사각형 모형을 이용해서 썸네일을 만드는데요.





이렇게 이미지를 만드셨거나 기본에 쓰시던 사진이 있다면 사진을 찾아주세요.




2. 그리고 사진 해상도를 변경해줍니다.


사진은 정사각형 250 * 250 이나 150~400 사이에 정사각형으로 지정해주시는게 좋아요!


그래야 썸네일이 뭉개지거나 잘리지 않고 이쁘게 뜨거든요.


무료로 해상도를 변경해 주는 사이트에요.


해상도 변경 홈페이지 : https://www.iloveimg.com/ko/resize-image/resize-png




3. 만들어진 썸네일 사진을 첨부해 주신 후 파일보관함에서 대표사진으로 설정합니다.




4. 썸네일을 본문에서 삭제하는 방법입니다!!


글의 흐름을 방해하거나 레이아웃과 어울리지 않을경우 썸네일을 본문에서 감출 수도 있는데요.


글쓰기모드에서 HTML을 클릭하신 후에 이미지 소스부분의 <p style="text-align: --- 부분이 있을텐데요.



float: none; 뒤에 display:none을 입력해주시면 본문에서 사라진 걸 확인할 수 있습니다.






5. 확인해 보시면 이렇게 깔끔하게 썸네일이 입혀지는 것을 확인할 수 있습니다.