본문 바로가기
블로그성장

티스토리 썸네일 만들기와 썸네일사이즈 맞추기

by 글로벌투자 2024. 4. 7.
반응형

썸네일 만들기와 썸네일 사이즈 맞추기

 

포토샵 없이도 티스토리 썸네일을 만들고 사이즈를 맞출 수 있는 간단한 방법을 알려드립니다. 썸네일 사이즈 맞추기의 모든 것을 단계별로 배워보세요.

 

블로그 방문자의 첫인상을 결정하는 티스토리 썸네일, 그러나 사이즈 조절에 어려움을 겪고 계신가요? 포토샵 없이도 누구나 쉽게 따라 할 수 있는 썸네일 제작 및 사이즈 맞추기 방법을 알려드립니다. 지금부터 단계별로 함께 해보세요!

 

1. 티스토리 썸네일의 중요성

블로그 유입에 있어 썸네일은 첫인상을 결정짓는 핵심 요소입니다. 방문자의 시선을 끌고 클릭을 유도하는 매력적인 썸네일은 블로그의 가시성을 크게 향상시킬 수 있습니다. 그렇기 때문에 썸네일은 단순한 이미지를 넘어서 블로그 홍보의 중요한 수단으로 자리 잡았습니다. 하지만 많은 분들이 썸네일 제작에 어려움을 겪곤 합니다. 특히 썸네일 사이즈가 잘리는 문제는 블로그의 전문성을 해칠 수 있어, 이를 해결하는 것이 중요합니다.

 

2. 썸네일 만들기 - " 미리캔버스"  활용

포토샵과 같은 전문적인 도구 없이도 썸네일을 제작할 수 있는 방법이 있습니다. 바로 무료 썸네일 제작 사이트 '미리캔버스'를 활용하는 것인데요, 사용자 친화적인 인터페이스를 통해 썸네일 제작 과정을 간소화할 수 있습니다. 티스토리 썸네일 제작 실습을 통해, 초보자도 쉽게 따라할 수 있는 방법을 단계별로 알아보겠습니다.

미리캔버스 바로가기

 

미리캔버스에 로그인 하셔서 템플릿 웹배너 정사각형(1,080x1080px)을 선택합니다.

본인에 맞는 템플릿 텍스트를 선택하고 템플릿 문구와 글꼴 그리고 크기를 선택하여 입력합니다.

미리캔버스 템플릿 고르기

 

템플릿에 썸네일 문구를 입력 등 모두 만들었으면 제목을 입력하고 저장하고 오른쪽 상단에 다운로드 버튼을 클릭하고 JPG, PNG를 선택하고 다운로드를 합니다. 티스토리  본문의 사진을 클릭하고 다운로드된 파일을 업로드합니다.

미리캔버스 다운로드화면

 

3. 티스토리 썸네일 사이즈 조절 방법

티스토리에서 권장하는 썸네일 사이즈는 어떻게 될까요?  티스토리 북클럽의 썸네일 크기를 조절하는 구체적인 방법을 알아보겠습니다.  블로그 관리홈에서 스킨편집에서 HTML과  CSS 수정을 통해 썸네일 사이즈를 조절하는 방법도 배워보겠습니다. 썸네일 사이즈를 조절한 후에는 블로그의 전반적인 가시성이 향상되는 변화를 경험할 수 있습니다.

 

3-1. 블로그 관리홈의 스킨변경과 스킨편집 창에서 "북클럽"과 리스트타입 "뉴북" 변경하기

블로그관리홈 - 꾸미기 - 스킨변경에 가셔서 사용 중인 스킨을  Book Club(북클럽)인지 확인 한 이후 Book Club(북클럽)으로 변경합니다.

블로그 관리홈 - 꾸미기 - 스킨편집 창에서 - 리스트타입을 뉴북으로 변경합니다.

 

스킨편집의 리스트 타입 변경하기

 

3-2. HTML 편집와 CSS 편집하기

스킨편집 맨 상단에 html 편집하기 버튼 클릭합니다.

북클럽 HTML편집화면

 

HTML 화면에서  커서를 화면에 두고 CTRL+F 를 눌러 찾기 기능을 이용하여 " thumbnail "을 입력하여

thumbnail 이 여러 개가 나오는 데 그중에서 400번대의 아래와 같은 문구를 찾아서 " C230x300 "을

 " C200x200 " 으로 수정해 줍니다.

 

thumbnail C200X200으로 변경

 

 

그리고 상단의 HTML 옆에 CSS을 선택합니다. 그리고 커서를 화면에 두고 

CTRL+F 를 눌러 찾기 기능을 이용하여 " 126 "을 입력하여 2200번대의 width : 126px를 찾습니다.

width : 126px 아래에 있는 "height : auto"를  height : 126으로 수정해 줍니다.

CSS코드 126으로 변경

 

 

HTML과 CSS를 수정한 이후에는 오른쪽 상단의 적용을 해주시고 왼쪽의 새로고침 버튼을 누릅니다.

 

4. 썸네일 사이즈 맞추기의 시사점

썸네일 사이즈 맞추기는 단순한 디자인 작업을 넘어서, 블로그의 가치를 향상시키고 유입을 증대시키는 중요한 전략입니다. 독자들에게 전달하고자 하는 메시지를 명확히 하고, 블로그의 전문성을 강조하기 위해 썸네일 사이즈 조절의 중요성을 잊지 말아야 합니다. 실용적인 팁을 통해 누구나 쉽게 썸네일을 최적화할 수 있습니다.

썸네일은 블로그의 첫인상을 결정하고, 독자의 클릭을 유도하는 중요한 요소입니다. '미리캔버스'와 같은 무료 도구를 활용해 쉽게 썸네일을 제작하고, 티스토리의 가이드라인에 맞는 사이즈 조절을 통해 블로그의 전문성을 높일 수 있습니다. 

반응형