Features
썸네일
July 25, 2025
이 가이드는 BlogPro가 블로그 글의 썸네일을 선택하는 방법과 대시보드를 통해 커스터마이즈하는 방법을 설명합니다.
BlogPro의 썸네일 선택 방식
BlogPro는 각 블로그 글의 썸네일 이미지를 결정하기 위해 스마트 펴백 시스템을 사용합니다:
커버 이미지 (우선순위 0)
Notion 페이지에 커버 이미지가 있으면 BlogPro는 이를 최우선 썸네일 옵션으로 사용합니다.
글 콘텐츠의 첫 번째 이미지 (우선순위 1)
BlogPro는 블로그 글 콘텐츠에서 찾은 첫 번째 이미지를 자동으로 추출합니다. 시스템은 다음을 검색합니다:
- 직접 이미지 블록
- 중첩된 콘텐츠 내 이미지 (열, 리스트, 토글, 콜아웃 등)
- 데이터베이스 콘텐츠 블록의 이미지
생성된 OG 이미지 (우선순위 2)
마지막 펴백으로 BlogPro는 다음을 사용하여 동적 Open Graph 이미지를 생성합니다:
- 글 제목
- 글 설명
- 사이트 로고
- 일관된 브랜딩
커스터마이즈 옵션
이미지 표시 설정
1. 이미지 맞춤 옵션
블로그 카드에서 썸네일 이미지가 표시되는 방식을 제어합니다:
- Cover (기본값): 이미지가 썸네일 영역 전체를 채우며, 잘릴 수 있습니다
- Contain: 이미지가 썸네일 영역 내에 완전히 들어가며, 빈 공간이 보일 수 있습니다
- 위치: 대시보드 → 사이트 설정 → 디자인 → 이미지 맞춤 옵션
2. 블로그 글에서 커버 이미지 숨기기
블로그 글에서 썸네일 이미지를 완전히 숨깁니다:
- 기본값: 블로그 카드에 썸네일 이미지 표시
- 숨김: 모든 썸네일 이미지를 제거하고 텍스트 콘텐츠만 표시
- 위치: 대시보드 → 사이트 설정 → 디자인 → 블로그 커버 이미지 숨기기
문제 해결
- 썸네일이 나타나지 않나요?
- 글 콘텐츠에 이미지가 있는지 확인하세요
- 이미지 URL이 접근 가능한지 확인하세요
- 대시보드에서 글 동기화를 새로고침 해보세요
- 이미지가 잘리나요?
- 이미지 맞춤 옵션에서 "contain" 모드로 전환하세요
- 16:9 가로세로 비율의 이미지를 사용하세요
