티스토리 뷰
티스토리 북클럽 썸네일 사이즈 최적화 방법을 살펴보겠습니다. 처음하는 분도 쉽게 할 수 있습니다.
목차
① 티스토리 북클럽 썸네일 사이즈 최적화하기
티스토리는 다양한 스킨을 제공하며, 북클럽 스킨은 특히 많은 사용자들에게 선호되고 있습니다.
그러나 북클럽 스킨에서는 책의 비율로 되어 있는 썸네일을 사용하다 보면 이미지가 잘릴 수 있는 문제가 발생할 수 있습니다.
이번 포스팅에서는 북클럽 스킨에서도 정사각 썸네일을 사용하는 방법에 대해 자세히 알아보겠습니다.
왜 이런 최적화 과정을 거쳐야 하는가?
블로그 썸네일은 해당 글을 대표하는 이미지로서 중요한 역할을 합니다.
시각적인 유인
- 썸네일은 독자들의 시선을 끄는 데 도움이 됩니다.
- 잘 디자인된 썸네일은 흥미를 유발하고 글을 클릭하도록 유도할 수 있습니다.
소셜 미디어 공유
- 소셜 미디어에서 블로그 글을 공유할 때 썸네일은 미리보기 이미지로 사용됩니다.
- 플랫폼마다 권장하는 썸네일 크기와 형식이 다를 수 있으므로, 각 플랫폼에 맞는 최적의 이미지를 선택하는 것이 중요합니다.
콘텐츠 구분
- 블로그가 다양한 주제를 다루는 경우, 썸네일은 각 글의 주제를 시각적으로 구분짓는 데 도움이 됩니다.
- 독자들은 특정 주제에 대한 글을 쉽게 식별할 수 있게 됩니다.
SEO 향상
- 검색 엔진은 이미지를 읽지 못하지만, 이미지의 제목과 설명을 읽을 수 있습니다.
- 썸네일의 파일명과 대체 텍스트(alt text)를 최적화하여 검색 엔진 최적화(SEO)를 향상시킬 수 있습니다.
브랜딩 강화
- 일관된 썸네일 디자인은 브랜드의 일관성을 유지하고 강화하는 데 도움이 됩니다.
- 독자들은 특정 브랜드의 글을 믿고 즐기기 시작할 때 해당 브랜드의 썸네일을 쉽게 식별할 수 있습니다.
모바일 호환성
- 썸네일은 모바일 기기에서도 잘 표시되어야 합니다.
- 작은 화면에서도 명확하고 효과적인 썸네일은 모바일 사용자들에게 글을 읽을 동기를 부여할 수 있습니다.
총체적으로, 썸네일은 블로그 글을 어떻게 표현할지에 대한 첫인상을 제공하며, 독자들을 글로 유도하는 역할을 합니다.
따라서 썸네일을 신중하게 선택하고 최적화하여 블로그의 성과를 향상시킬 수 있습니다.
썸네일이 정사각형으로 나오지 않습니다
- 티스토리 블로그의 썸네일은 글의 시각적 효과를 높이고 글의 가시성을 높이는 중요한 역할을 합니다.
- 특히 북클럽 스킨을 사용하는 경우, 썸네일이 잘려서 표시되는 문제가 발생할 수 있습니다.
- 이를 해결하기 위해 정사각형 썸네일 설정을 통해 블로그의 가시성을 향상시킬 필요가 있습니다.
요즘 포털 사이트에서는 정사각형이나 16:9의 직사각형 썸네일을 많이 사용하고 있습니다.
그러나 북클럽 스킨의 '뉴북' 리스트는 세로형이기 때문에, 썸네일을 정사각형으로 변경하는 것이 좋습니다.
북클럽 스킨을 사용하시는 경우, 정사각형 썸네일로 변경해 보세요.
② 북클럽 스킨 편집하기
이번 글에서는 북클럽 스킨에서 정사각 썸네일을 만드는 방법에 대해 자세히 다루겠습니다.
특히, 뉴북 리스트를 설정한 경우에 해당하는 내용입니다.
먼저, 자신의 블로그 스킨을 확인한 후에 아래의 단계를 따라 적용해 주세요.
블로그 스킨 확인하는 방법
블로그 관리 홈에서 스킨 편집에 들어가 리스트를 확인합니다.
스킨이 북클럽으로 설정돼 있는데 리스트가 '뉴북'이 아니라 다른 스킨으로 설정돼 있다면 (북클럽 초기 설정은 북리뷰입니다.), 변경 후 작업을 진행하시면 됩니다.
사전 준비물
북클럽 스킨을 편집한 후, 결과물을 보기 위해선 글에 썸네일이 필요합니다.
아직 티스토리 썸네일 만들기를 하지 못했다면, 아래 버튼을 눌러 티스토리 썸네일부터 준비할 것을 권장드립니다.
③ 썸네일 정사각형으로 만들기
블로그 스킨 편집 접근
우선 블로그 관리 메뉴에서 [꾸미기] - [스킨편집]을 선택합니다.
이로써 스킨 편집 메뉴가 새 창에서 열립니다.
HTML 편집에서 썸네일 정사각형으로 수정하기
- 썸네일을 정사각형으로 조정하는 방법은 간단합니다. 먼저, 스킨 편집에서 HTML을 수정해야 합니다.
- Ctrl+F를 눌러 's+article_rep_thumbnail'을 찾아서 아래 부분을 찾습니다.
- 그런 다음, 썸네일 크기를 230 X 300에서 230 X 230으로 수정합니다.
- 이렇게 하면 결과적으로 썸네일이 정사각형으로 변경됩니다.
썸네일이 작게 느껴진다면?
만약 만들어진 정사각형 썸네일이 작게 느껴진다면, CSS 편집에서 크기를 조정할 수 있습니다.
- Ctrl+F로 'list_type_thumbnail'을 찾아서 아래 부분을 찾습니다.
- 해당 부분의 width를 '126px'에서 '160px'로, height를 '166px'에서 'auto'로 변경하면 썸네일 크기가 커집니다.
④ 수익을 극대화하려면?
티스토리 블로그를 운영하면서 수익을 극대화하기 위해선, 위와 같이 썸네일이 잘 나올 수 있도록 최적화할 필요도 있지만, 작업 시간을 최소화하는 것도 중요합니다.
썸네일 빠르게 만드는 방법
블로그 썸네일을 빠르게 만들기 위해 몇 가지 간단하면서 효과적인 방법들이 있습니다.:
온라인 썸네일 제작 도구 활용
- 다양한 온라인 도구와 플랫폼이 존재하여 빠르게 썸네일을 만들 수 있습니다.
- Canva, 미리캔버스 등의 툴은 사전에 디자인된 템플릿을 제공하고 사용자가 간편하게 커스터마이징할 수 있도록 도와줍니다.
템플릿 사용
- 블로그에서 자주 사용하는 일관된 썸네일 스타일을 만들어 템플릿으로 저장하면, 새로운 글의 썸네일을 빠르게 생성할 수 있습니다.
- 이는 브랜딩을 강화하고 일관성을 유지하는 데 도움이 됩니다.
포토 에디터 활용
- 간단한 포토 에디터를 사용하여 이미지를 편집하고 필요한 텍스트나 아이콘을 추가할 수 있습니다.
- Adobe Photoshop이나 무료 대안인 GIMP와 같은 도구를 활용할 수 있습니다.
고화질 이미지 사용
- 썸네일은 명확하고 뚜렷한 이미지를 사용하는 것이 중요합니다.
- 고화질 이미지를 선택하여 사용자에게 시각적인 품질을 제공하세요.
간결하고 명확한 디자인
- 썸네일은 간결하면서도 내용을 명확하게 전달해야 합니다.
- 너무 복잡하게 만들지 않고 중요한 내용을 강조하여 디자인하세요.
텍스트 사용 최적화
- 필요한 경우 텍스트를 사용하여 썸네일에 제목이나 주요 내용을 간략하게 표현하세요.
- 폰트와 색상을 조절하여 가독성을 높이세요.
자체 찍은 사진 활용
- 가능하다면 블로그와 관련된 주제에 맞는 자체적으로 찍은 사진을 활용하여 독창적인 썸네일을 만들어보세요.
- 본인이 찍은 사진이 없다면 이미지 사이트를 이용해보세요.
썸네일 제작 시 주의사항
템플릿의 일관성 유지
- 가능하면 일관된 템플릿을 사용하여 브랜딩을 강화하세요.
- 독자들은 일관된 디자인을 통해 블로그의 글들을 쉽게 식별할 수 있습니다.
소셜 미디어 최적화
- 소셜 미디어에서 썸네일을 사용할 때 해당 플랫폼의 규격과 요구 사항을 고려하세요.
- 각 플랫폼에 맞는 크기와 형식을 사용하는 것이 중요합니다.
주제와 일치하는 이미지 선택
- 썸네일에 사용되는 이미지는 해당 글의 주제와 관련이 있어야 합니다.
- 독자가 썸네일을 보고 글의 내용을 예상할 수 있도록 하세요.
고화질 이미지 사용
- 썸네일은 고화질로 유지되어야 합니다.
- 흐릿하거나 픽셀화된 이미지는 전문적인 인상을 전달하지 못하며, 사용자 경험을 저하시킬 수 있습니다.
가독성 있는 폰트 사용
- 텍스트를 사용하는 경우 가독성이 좋은 폰트를 선택해야 합니다.
- 적절한 크기와 색상을 사용하여 텍스트가 뚜렷하게 나타나도록 하세요.
티스토리 썸네일 템플릿 다운로드
이렇게 '티스토리 북클럽 썸네일 사이즈 최적화 방법'에 대해 알아보았습니다.
글을 읽어주셔서 감사드립니다.
티스토리 북클럽 썸네일 사이즈 연관 글 살펴보기
'SNS A to Z > 티스토리 블로그' 카테고리의 다른 글
| 티스토리 썸네일 만들기 1분 완성 - 키워드뉴 (0) | 2023.11.16 |
|---|