콘텐츠 마케터 5기 본캠프 35일차 배너·썸네일 제작

 

배너·썸네일 광고 이미지 제작 — 작은 공간에서 클릭을 만드는 법

배너와 썸네일은 인스타그램 피드와 다릅니다. 훨씬 작은 공간에서 수많은 콘텐츠와 경쟁해야 합니다.
0.5초 안에 시선을 끌지 못하면 클릭은 일어나지 않습니다.
CTR을 높이는 디자인 원칙부터 유튜브 썸네일, 웹 배너 사이즈별 전략까지 정리합니다.

목차

1. 배너·썸네일의 역할과 특성
2. 작은 공간에서 시선 끄는 법
3. YouTube 썸네일 특화 전략
4. YouTube 썸네일 제작 실습 프로세스
5. 웹 배너 특화 전략
6. 핵심 정리

---

1. 배너·썸네일의 역할과 특성

배너와 썸네일의 목표는 단 하나, 클릭률(CTR)을 최대화하는 것입니다.

3%+

CTR(노출 대비 클릭 비율)이 3% 이상이면 우수한 수치로 평가합니다. 강렬한 비주얼, 명확한 카피, 호기심 유발 요소가 이 수치를 끌어올립니다.

작은 사이즈 대응 원칙

매우 작게 보일 때를 대비해 가독성을 확보해야 합니다.
요소 3개 이하의 단순한 구도, 36pt 이상의 큰 텍스트, 고대비 색상을 활용합니다.

---

2. 작은 공간에서 시선 끄는 법

고대비 색상 조합

 

 

검정 + 노랑

가장 눈에 띔 / 경고·긴급

 

 

파랑 + 주황

보색 대비 / IT·테크

 

 

빨강 + 흰색

강렬함 / 할인 행사

 

 

검정 + 흰색

클래식 / 고급스러움

Figma 활용 팁 — 채우기 옵션의 상단 태극기 모양 아이콘을 누르면 색상 대비율 숫자를 확인할 수 있습니다. 숫자가 클수록 대비가 큰 것입니다.

시선을 끄는 3가지 추가 원칙

원칙 01

큰 텍스트 + 굵은 폰트

YouTube 썸네일은 최소 70pt, 웹 배너는 60pt 이상. Bold 이상, Extra Bold(Pretendard Extra Bold, Montserrat Black)를 권장합니다.

원칙 02

단순한 구도

메인 비주얼, 헤드라인 텍스트, 부가 정보(로고 등) 3가지 요소 이하로만 구성합니다.

원칙 03

아이콘·이모지 활용

시선 집중과 감정 전달을 위해 충격, 해결책, 핫한 주제 등에 어울리는 이모지를 적절히 배치합니다.

---

3. YouTube 썸네일 특화 전략

썸네일은 YouTube 영상의 첫인상입니다. 조회수의 50% 이상이 썸네일과 제목에 의해 결정됩니다.

항목	내용
사이즈	16:9 비율, 1280×720px(최소) / 1920×1080px(Full HD) 권장
포맷	JPG 권장

얼굴·감정 강조

사람의 표정(놀람, 웃음 등)이 들어간 썸네일은 CTR을 약 30% 상승시킵니다.

30~50%

얼굴 클로즈업
화면 차지 비율

텍스트 영역

얼굴 옆 또는 위에
헤드라인 배치

호기심 유발 텍스트 4가지 유형

내용과 일치하되 클릭하고 싶게 만드는 카피를 작성합니다. 낚시성 제목은 금물입니다.

질문형

"이거 왜 아무도 안 알려줬지?"

충격형

"믿을 수 없는 결과"

숫자형

"단 3분 만에"

Before-After형

"이렇게 달라졌습니다"

---

4. YouTube 썸네일 제작 실습 프로세스

현업에서는 릴스보다 YouTube 썸네일 제작이 우선됩니다. 릴스는 커버 이미지 노출 효과가 비교적 낮기 때문입니다.

• ChatGPT에 톤앤매너, 표정, 메시지 구조 등을 프롬프트로 입력해 썸네일 제작 계획과 카피를 수립합니다
• Midjourney에 16:9 비율 파라미터(--ar 16:9)를 포함한 프롬프트를 입력해 배경 이미지를 생성합니다
• Figma에서 1280×720px 프레임을 만들고 배경, 얼굴·제품 누끼 이미지, 텍스트를 조합해 완성합니다

---

5. 웹 배너 특화 전략

플랫폼마다 노출 위치와 디자인 자유도가 다릅니다. 각 매체의 특성을 알아두면 소재 제작 방향이 명확해집니다.

구글 배너 광고

다양한 웹사이트와 유튜브 영상 하단·좌측 영역에 노출됩니다

네이버 GFA 배너

가장 많이 사용되며, 피드 중간이나 뉴스 기사 하단에 노출됩니다

카카오 비즈보드

카카오톡 모바일 최상단 등에 노출되나 디자인 자유도는 타 매체보다 낮습니다

가장 많이 쓰이는 배너 사이즈별 레이아웃

300 × 250 — 중형 직사각형3등분 세로

헤드라인 (30%)

제품 / 비주얼 (50%)

CTA 버튼 (20%)

728 × 90 — 리더보드3등분 가로

로고/제품 (20%)

헤드라인 텍스트 (60%)

CTA (20%)

336 × 280 — 대형 직사각형고정형

300×250과 유사한 구조, 더 넓은 비주얼 영역 확보

---

6. 핵심 정리

이것만 기억하세요

1배너·썸네일의 목표는 CTR — 3% 이상이면 우수, 요소 3개 이하의 단순한 구도가 핵심입니다

2고대비 색상(검정+노랑, 빨강+흰색 등)과 36pt 이상 큰 텍스트로 가독성을 확보합니다

3유튜브 썸네일은 얼굴 표정이 CTR을 30% 올립니다 — 화면의 30~50%를 차지하게 배치합니다

4호기심 유발 카피(질문·충격·숫자·Before-After형)는 쓰되 낚시성 제목은 피합니다

5배너는 사이즈별로 레이아웃 비율이 다릅니다 — 300×250은 세로 3등분, 728×90은 가로 3등분 구조입니다

배너와 썸네일은 작은 공간이지만 가장 치열한 경쟁이 벌어지는 자리입니다.
오늘 정리한 색상 조합과 사이즈별 레이아웃 원칙을 다음 광고 소재에 바로 적용해보세요.

---

추천 태그

#유튜브썸네일#웹배너#CTR #배너광고#광고디자인#Figma #미드저니#디지털마케팅#콘텐츠제작 #네이버GFA#구글배너#광고소재

도움이 됐다면 공유해 주세요!

💬 카카오톡 네이버 X(트위터) 🔗 링크 복사

※ 본 글은 학습을 목적으로 작성된 게시물로, 특정 브랜드·제품·서비스명이 언급될 수 있습니다. 이는 순수한 예시일 뿐이며, 상업적 목적은 전혀 없음을 밝힙니다.