belt CLI 스킬 설치:
npx skills add belt-sh/cli
YouTube 썸네일 디자인
inference.sh CLI를 통해 AI 이미지 생성으로 높은 CTR의 YouTube 썸네일을 제작하세요.
빠른 시작
inference.sh CLI(
belt)가 필요합니다. 설치 안내
belt login
# 썸네일 생성
belt app run falai/flux-dev-lora --input '{
"prompt": "YouTube thumbnail style, close-up of a person with surprised excited expression looking at a glowing laptop screen, vibrant blue and orange color scheme, dramatic studio lighting, shallow depth of field, high contrast, cinematic",
"width": 1280,
"height": 720
}'
사양
| 항목 | 값 |
|---|---|
| 크기 | 1280 x 720 픽셀(최소) |
| 권장 | 1920 x 1080 픽셀 |
| 가로세로 비율 | 16:9 |
| 최대 파일 크기 | 2 MB |
| 형식 | JPG, GIF, PNG |
120px 테스트
썸네일은 모바일에서 약 120px 너비로 표시됩니다. 대부분의 시청자가 처음 보는 크기입니다.
120px 크기에서 시청자는 다음을 식별할 수 있어야 합니다:
- 분위기/감정(색상과 표정을 통해)
- 일반적인 주제(구성을 통해)
- 텍스트(있는 경우 — 충분히 큰 경우에만)
테스트: 썸네일을 120px 너비로 확인해보세요. 흐릿하다면 다시 디자인하세요.
안전 영역
┌─────────────────────────────────────────────┐
│ │
│ ✅ 텍스트 및 핵심 요소 안전 영역 │
│ │
│ │
│ │
│ │
│ ┌───┐ │
│ │ ⏱ │ │ ← 타임스탬프 오버레이
│ ┌────────┴───┘ │ (오른쪽 아래)
│ ┌────┐ │ 지속 시간 │
│ │ CH │ 챕터 마커 └──────────────│
└───┴────┴────────────────────────────────────┘
↑ 왼쪽 아래: 챕터/진행 표시기
다음 영역에 중요한 요소를 배치하지 마십시오:
- 오른쪽 아래 모서리(비디오 지속 시간 타임스탬프)
- 왼쪽 아래 모서리(챕터 마커, 진행 표시줄)
- 극단적인 가장자리(크롭은 기기에 따라 다름)
색상 전략
효과적인 고대비 색상 조합
| 조합 | 분위기 | 최적 사용처 |
|---|---|---|
| 노랑 + 검정 | 긴박감, 주의 | 기술, 비즈니스, 목록 |
| 빨강 + 흰색 | 에너지, 흥분 | 엔터테인먼트, 반응 |
| 파랑 + 주황 | 전문적 대비 | 교육, 튜토리얼 |
| 초록 + 흰색 | 성장, 돈 | 금융, 성공 사례 |
| 보라 + 노랑 | 프리미엄, 창의적 | 디자인, 예술, 창의성 |
| 흰색 + 어두운색 | 깔끔, 미니멀 | 럭셔리, 미니멀 채널 |
색상 규칙
- 배경과 텍스트/주제는 보색 또는 고대비여야 함
- 같은 온도의 색상이 닿지 않도록 함(빨강에 주황 = 진흙탕)
- 썸네일당 최대 3가지 색상 사용
- 실제보다 채도를 높임 — 썸네일은 밝은 UI와 경쟁함
썸네일 텍스트
텍스트 사용 시기
- 목록/숫자: "7가지 팁", "Top 10"
- 강한 의견: "이러지 마세요"
- 결과: "30일 만에 1,000만 원"
- 비교: 두 가지 사이의 "vs"
텍스트를 사용하지 말아야 할 때
- 비디오 제목이 이미 그 내용을 말하고 있는 경우(중복)
- 감정/시각적 요소가 이야기를 전달하는 경우
- 120px에서 읽을 수 있을 만큼 크게 만들 수 없는 경우
텍스트 규칙
| 규칙 | 이유 |
|---|---|
| 최대 6단어 | 썸네일 크기에서 가독성 확보 |
| 최소 60pt 상당 | 120px 너비에서도 읽기 쉬워야 함 |
| 굵은 산세리프체 | 가는 글꼴은 작은 크기에서 사라짐 |
| 대비 스트로크/그림자 | 모든 배경에서 가독성 보장 |
| 작은 텍스트 금지 | 작아서 읽을 수 없다면 제거하세요 |
표정 심리학
얼굴이 있는 썸네일은 얼굴이 없는 썸네일보다 더 높은 CTR을 얻습니다. 표정이 중요합니다:
| 표정 | CTR 영향 | 최적 사용처 |
|---|---|---|
| 놀람/충격 | 가장 높음 | 반응, 공개, 발견 콘텐츠 |
| 호기심 | 높음 | 튜토리얼, 방법, 팁 |
| 흥분 | 높음 | 언박싱, 리뷰, 발표 |
| 걱정/우려 | 중간-높음 | 경고, 실수, 문제 콘텐츠 |
| 자신감 | 중간 | 전문가 조언, 권위 콘텐츠 |
| 중립 | 가장 낮음 | 브랜드가 미니멀하지 않다면 피할 것 |
얼굴 구성 규칙
- 얼굴은 썸네일의 **30-50%**를 채워야 함
- 눈은 텍스트나 주제를 향하게(시청자 주도)
- 눈을 카메라로 = 연결. 눈을 대상으로 = 호기심.
- 얼굴은 한쪽(보통 왼쪽), 텍스트나 주제는 반대쪽에 배치
# 정면 얼굴 썸네일 생성
belt app run falai/flux-dev-lora --input '{
"prompt": "close-up portrait of a man with genuinely surprised expression, mouth slightly open, raised eyebrows, looking at camera, left side of frame, vibrant teal background, dramatic rim lighting, YouTube thumbnail style, high contrast, cinematic",
"width": 1280,
"height": 720
}'
# 주제를 보는 얼굴 썸네일 생성
belt app run bytedance/seedream-4-5 --input '{
"prompt": "person looking amazed at a glowing holographic chart showing upward growth, dramatic blue and green lighting, right side profile view, dark background, tech aesthetic, high energy",
"size": "2K"
}'
콘텐츠 유형별 썸네일 패턴
튜토리얼 / 하우투
belt app run falai/flux-dev-lora --input '{
"prompt": "overhead flat lay of organized workspace with laptop showing code editor, colorful sticky notes, coffee cup, clean bright background, professional setup, tutorial style composition, warm lighting",
"width": 1280,
"height": 720
}'
전/후 비교
belt app run falai/flux-dev-lora --input '{
"prompt": "split composition, left side dark and messy disorganized desk, right side bright clean organized minimalist workspace, dramatic contrast between chaos and order, clear dividing line in center, high contrast",
"width": 1280,
"height": 720
}'
제품 리뷰 / 비교
belt app run falai/flux-dev-lora --input '{
"prompt": "two products facing each other with dramatic lighting and sparks between them, competition battle concept, dark background with colorful rim lighting, versus comparison style, high energy, product photography",
"width": 1280,
"height": 720
}'
리스트형 / 숫자
belt app run falai/flux-dev-lora --input '{
"prompt": "dynamic arrangement of 7 different colorful objects floating in space against dark gradient background, each item distinct and clearly separated, energetic composition, vibrant saturated colors, studio lighting",
"width": 1280,
"height": 720
}'
A/B 테스트
한 번에 하나의 변수를 테스트하세요:
| 변수 | A vs B 테스트 |
|---|---|
| 얼굴 vs 무얼굴 | 동일 구성, 사람 유/무 |
| 표정 | 놀람 vs 호기심 |
| 색상 구성 | 따뜻한 vs 차가운 팔레트 |
| 텍스트 vs 무텍스트 | 텍스트 오버레이 유/무 |
| 배경 | 밝음 vs 어두움 |
| 구성 | 왼쪽 vs 오른쪽 주제 |
# 변형 A 생성
belt app run falai/flux-dev-lora --input '{
"prompt": "..., bright yellow background, ...",
"width": 1280, "height": 720
}' --no-wait
# 변형 B 생성 (동일 프롬프트, 다른 배경)
belt app run falai/flux-dev-lora --input '{
"prompt": "..., dark navy background, ...",
"width": 1280, "height": 720
}' --no-wait
썸네일 체크리스트
- 1280x720 최소(1920x1080 권장)
- 2MB 미만 파일 크기
- 120px 가늠 테스트 통과
- 오른쪽 아래(타임스탬프) 또는 왼쪽 아래(챕터)에 중요한 요소 없음
- 최대 3가지 색상, 고대비
- 텍스트(있는 경우) 최대 6단어, 굵게, 대비 스트로크 적용
- 얼굴 표정이 콘텐츠 에너지와 일치(해당하는 경우)
- 비디오 제목과 중복되지 않음
- 주변 썸네일과 구분됨(자신의 분야 확인)
- 밝은 배경과 어두운 배경 YouTube 배경 모두에서 작동
일반적인 실수
| 실수 | 문제 | 해결 방법 |
|---|---|---|
| 텍스트가 너무 많음 | 썸네일 크기에서 읽기 어려움 | 최대 6단어 또는 텍스트 없음 |
| 대비 부족 | 피드에서 사라짐 | 보색 사용 |
| 복잡한 구성 | 눈이 어디를 봐야 할지 모름 | 하나의 초점 |
| 일반적인 스톡 사진 느낌 | 개성 없음, 건너뜀 | 진정한 표정, 독특한 각도 |
| 작은 세부 사항 | 120px에서 사라짐 | 굵고 단순한 형태 |
| 매 비디오 동일한 스타일 | 시청자 피로 | 브랜드 가이드라인 내에서 다양화 |
| 오해의 소지가 있는 썸네일 | 신뢰 상실, 유지율 저하 | 실제 콘텐츠와 일치 |
관련 스킬
npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@image-upscaling
npx skills add inference-sh/skills@prompt-engineering
모든 앱 보기: belt app list