[블로그] 티스토리 썸네일 적정 사이즈와 썸네일 간단히 만드는 방법

 

   안녕하세요, 리뷰당 입니다.

이번 포스팅에서 다룰 내용은 '티스토리에 적용할 썸네일 사이즈는 어느 정도가 적당 할지, 그리고 간단하게 썸네일 만드는 방법'에 대해서 다뤄보고자 합니다. 저 같은 경우도 썸네일에 대해 신경쓰질 않아서 작성된 글을 공유하거나 블로그 화면에서 보이는 대표 이미지가 깔끔하게 보이지 않았었습니다.

 

썸네일의 필요성을 느끼게 되었고 파워포인트 말고 더 간단히 크게 시간 들이지 않고 쉽게 만들 수 있는 방법들을 찾아보았습니다. 이미지를 만드는 최적화된 사이트들이 많이 있었는데요. 그래도 가장 간편히 만들 수 있었던 '미리 캔버스'라는 사이트에서 썸네일 만드는 과정을 설명드리겠습니다! 그럼 포스팅 시작해보겠습니다.

 

 

1. 썸네일 적정 사이즈?

썸네일의 적정 사이즈는 어느 정도일까요? 미리 캔버스를 통해 만든 썸네일을 간단히 비교를 해보았습니다. 1:1 정방형 사이즈 250x250px, 500x500px, 750x750px, 1080x1080px 네 가지 사이즈가 티스토리 블로그 내에서 어떻게 보이는지 확인해 보았습니다.

 

▼ 일단 제 북클럽 스킨을 적용하여 티스토리 PC 환경에서 확인하였을 때, 750x750px 이상의 크기는 모두 동일 사이즈로 보였습니다. 

티스토리 PC에서 확인시 사이즈 비교

 

 

▼ 모바일 환경의 경우 500x500px 이상의 크기는 모두 동일한 사이즈로 확인할 수 있었습니다. 이러한 사실을 바탕으로 선택을 했을 때, 500px  ~ 750px 정도의 사이즈가 적당하지 않나 싶어요. 이미지를 삽입할 경우 최대한 이미지 용량을 줄이는게 구글 SEO 정책에 유리하기 때문에 모바일 환경에서 최대 크기로 볼 수 있는 500px의 사이즈를 적용해 보기로 리뷰당은 결정하였습니다.

 

티스토리 모바일 환경에서 확인 시 사이즈 비교

 

 

2. '미리 캔버스' 사이트 활용한 썸네일 제작 과정 

일단 '미리 캔버스' 사이트를 공유드려요. 회원가입을 하게 되면 아래의 화면과 같이 뜹니다. 

■ 썸네일 제작을 위한 미리 캔버스 홈페이지 

 

▼ 메인 화면에서 [바로 시작하기]으로 들어가 주세요!

 

 

▼ 일단 이미지 사이즈 변경을 위해 상단 크기 창이 보이실 겁니다. 사이즈를 클릭하시면 메뉴 창이 뜰 텐데요. [직접 입력]에 들어가셔서 원하시는 이미지 사이즈로 변경해 줍니다. 썸네일 이미지를 만들기 위해 1:1 정방형 스타일의 500px으로 만들겠습니다.

 

 

 

▼ 썸네일 이미지 바탕화면 색상을 변경하기 위해 템플릿 상단에 3번째 아이콘을 클릭하시어 원하시는 색상을 선택하여 줍니다.

 

 

 

▼ 좌측 메뉴의 [텍스트]에 들어가 보시면 정말 다양한 글꼴을 보실 수 있으실 겁니다. 여기서 마음에 드는 글자체를 선택하여서 썸네일 내용을 작성해 줍시다!

 

※ 다만, 주의가 필요한 게 제공하는 글꼴은 저작권사에서 비상업적 용도와 상업적 용도로 사용할 수 있도록 무료로 배포하거나, 저작권사와 계약을 맺고 제공하고 있는 것이라고 합니다. 글꼴들 중에서도 무료이긴 하나 출처 표시를 해야 되는 글꼴도 있어서 꼭 확인이 필요합니다. 아래에 출처 표시가 필요한 해당 글꼴에 대한 url 공유드리니 확인하시고 사용하시길 바라요!

 

□ 미리 캔버스 출처 표시가 필요한 글꼴 확인!

 

▼ 제작을 완성하셨으면 이미지 파일로 저장을 해야 되겠죠? 오른쪽 상단 메뉴의 [다운로드]를 클릭하면, 메뉴창이 뜹니다. 그럼 [빠른 다운로드]를 클릭해주면 이미지 파일이 PC에 저장됩니다. 이미지 용량을 최대한 줄여야 되므로 고해상도 파일은 필요 없을 것 같아요.

 

 

▼ 저장된 이미지를 블로그 글쓰기 하실 때 사용하시면 되겠지요? 참 간단히 썸네일을 제작하여보았습니다.

리뷰당의 첫번째 썸네일 입니다

 

    마무리

이번 시간에는 티스토리에서 사용하는 썸네일의 적정 사이즈와 손쉽게 만들 수 있는 방법에 대해 살펴보았습니다.

블로그 글 쓰느라 시간이 참 부족합니다. 시간을 아끼기 위해서 알려드린 방법으로 손쉽게 썸네일 만들어 보는 게 어떠신지요? (혹시 더 간편한 방법이 있으시면 정보 주세요^^)

 

그럼 이번 포스팅은 여기까지 정리하도록 하겠습니다.
끝까지 글 읽어주셔서 감사드리며 다음에는 더 유익한 정보와 리뷰로 찾아뵙겠습니다! ^^ 

 

* 함께 보시면 좋은 글!

 

▼[블로그] 애드센스 한번에 승인 받은 후기& 방법들(feat. 애드고시 합격 후기)

[블로그] 애드센스 한번에 승인 받은 후기& 방법들(feat. 애드고시 합격 후기)

▼ 윈도우 그림판으로 이미지에 모자이크 효과 넣는 방법(feat.초간단)

윈도우 그림판으로 이미지에 모자이크 효과 넣는 방법(feat.초간단)

▼[블로그] 티스토리 사진 삽입시 알트 태그(alt tag) 쉽게 넣는 방법

[블로그] 티스토리 사진 삽입시 알트 태그(alt tag) 쉽게 넣는 방법