깔끔한 블로그 글작성 팁 #3 '썸네일 만들기' feat. 미리캔버스

멜로부부의 블로그 섬네일 만들기

1. 포스팅의 얼굴 : 썸네일(Thumbnail)

 '썸네일'은 블로그 포스팅 뿐만 아니라, 유투브 등 다른 모든 SNS에서 요즘 보편적으로 사용되는 "얼굴" 이라 할 수 있습니다. 포스팅 내용을 요약해서 보여주기도 하죠.

 

티스토리의 '대표사진' = 썸네일

티스토리의 경우, 글을 작성 중에 그림을 클릭하면 오른쪽 위에 "대표"를 체크하여 대표사진으로 설정한 사진이 썸네일로 블로그 홈페이지에서 볼 수 있게 됩니다.

 

섬네일 사이즈는? 정사각형을 추천!!

섬네일 사이즈 확인하기

 사이즈는 티스토리 '스킨'에 따라 다를 수 있습니다. 
확인 방법은 (크롬의 경우) "Ctrl+Shift+i"를 눌러 검사창을 띄우고 왼쪽 위의  커서모양 클릭하거나 처음부터 "Ctrl+Shift+C"를 누르면 바로 커서로 검사가 가능합니다. 그리고 사진에 커서를 올리면 사이즈가 135 x 135 로 확인이 됩니다.

 

CSS에서 섬네일 사이즈 변경하기(필요 시)

설정-CSS 에서 위의 내용을 찾는다.

 사이즈 변경을 위해서는 스킨 편집에서 CSS에 들어가서 위와 같은 부분을 찾은 후 값을 변경해 주면 됩니다.
단, 사이즈는 정사각형으로 변경하시는 것을 추천드립니다. 왜냐하면 네이버검색에서 노출 시에 섬네일이 정사각형으로 표시되기 때문에 비율이 안맞을 경우 왜곡된 비율로 나타나기 때문입니다.

 

2. 미리캔버스(무료)로 5분만에 섬네일 만들기! (광고아님)

 가입하기(네이버, 구글 등 연동으로 5초만에 가능)

미리캔버스 홈페이지

 미리캔버스는 웹상에서 무료로 디자인 할 수 있는 툴입니다. 사실 포토샵은 좀 귀찮기도 하고, 결국에는 예쁜 소스가 있어야 예쁜디자인을 만들 수 있습니다.

미리캔버스에서 제공하는 템플릿들

 예쁜 소스가 없으면 아무리 포토샵이라도 어렵습니다. 하지만 미리캔버스에서는 예쁜 템플릿, 그림, 글씨폰트, 형식, 예시까지 모두 제공하기 때문에 순식간에 예쁜 섬네일을 만들어낼 수 있습니다.

 

새 디자인 문서 (feat. 만들어진 파일은 '마이스페이스'에 자동저장)

미리캔버스 : '마이 스페이스' 에 저장되어 있는 디자인들

 한번 만들어진 파일은 위와 같이 마이스페이스에 자동저장됩니다.
하지만 우리는 새로운 썸네일을 만들기 위해, '새 디자인 문서'를 들어갑니다.

"새 디자인 문서 만들기"

사이즈 직접 선택  : (가로) 500 px, (세로) 500 px 

미리캔버스 : 소설미디어 정사각형이나 카드뉴스를 추천

 템플릿 → '소셜 미디어 정사각형'이나 '카드뉴스'를 선택하면 디자인이 쭉 나타납니다.
그 중 적당한 것을 클릭하여 적용해 봅니다.

미리캔버스 : 기존 템플릿에다가 수정만 하면 섬네일을 만들 수 있다.

 그리고 글자와 내용을 적당히 바꾸어 줍니다.
필요할 경우 왼쪽의 '요소' 에서 다양한 그림을 추가할 수도 있습니다.
만들어진 파일은 오른쪽 위의 '다운로드' 버튼을 통해 그림 원본 파일을 다운받아 블로그에 업로드가 가능합니다.

 

미리캔버스를 활용한 섬네일(예시)

미리캔버스 : 처음임에도 불구하고 괜찮은 퀄리티.

 처음 며칠간 직접 만든 썸네일들입니다. 초보 치고도 괜찮지 않나요?

장점만 가득한 미리캔버스

• 무료임에도 불구하고 워터마크, 저장 등 제한기능이 없음
  
• 레이어 기능 제공
  
• 기존의 예쁜 템플릿이 활용 가능
  
• 빠르고 직관적인 인터페이스
  
• 편집파일 자동저장

 

미리캔버스 바로가기

https://www.miricanvas.com/

홈 - 미리캔버스

※ 어떠한 대가 없이 작성한 포스팅입니다.