내일배움캠프 강의/강의 : AI를 활용한 광고 콘텐츠 제작

3-7 배너·썸네일형 광고 이미지 제작

pjye 2026. 2. 5. 19:42

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

1) 목표: 클릭률(CTR) 최대화

- CTR (Click-Through Rate)이란?

  • 노출 대비 클릭 비율
  • 계산 공식: (클릭 수/노출 수)×100
  • CTR 3% 이상이면 우수

- CTR을 높이는 요소

  1. 강렬한 비주얼
  2. 명확한 카피
  3. 호기심 유발 

2) 특징: 작은 크기에서도 가독성 확보

  • 텍스트가 작으면 안 읽히고, 비주얼이 복잡하면 못 알아봄
  • 영역에 따라 극단적인 작은 사이즈로 보여질 때가 있음
    • YouTube 썸네일: 작게 보이면 100x56px
    • 웹 배너: 728x90px (매우 가로로 긴 형태)

- 해결책

  • 단순한 구도: 요소 3개 이하
  • 큰 텍스트: 최소 36pt 이상
  • 고대비 색상: 배경과 텍스트 확실히 구분 

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

1) 고대비 색상 조합(눈에 띄는 색상 조합)

- 조합 1: 검정+노랑

  • 가장 눈에 띄는 조합
  • 위험 표지판에 사용

- 조합 2: 파랑+주황

  • 보색 대비
  • 시원함 + 따뜻함

- 조합 3: 빨강+흰색

  • 강렬함 + 깔끔함

- 조합 4: 검정+흰색

  • 클래식, 고급스러움

- Figma에서 대비 색 쉽게 찾는 법

  • 채우기에서 컬러 선택 후, 상단 태극기 모양을 누르면 색상 대비를 확인할 수 있음
  • n:1의 숫자가 커질수록 대비가 큰 것

2) 큰 텍스트, 굵은 폰트

- 최소 폰트 크기

  • YouTube 썸네일: 최소 70pt 이상
  • 웹 배너: 최소 60pt 이상

- 폰트 굵기

  • Regular → 잘 안 보임
  • Bold 이상 필수
  • Extra Bold 권장

- 추천 폰트

  • Pretendard Extra Bold
  • Montserrat Black
  • Impact 

3) 단순한 구도 (요소 3개 이하) : 3가지 요소가 깔끔하고 명확할

  1. 메인 비주얼 (얼굴, 제품)
  2. 헤드라인 텍스트
  3. 로고 또는 부가 정보 (선택)

4) 시선을 끄는 아이콘 또는 이모지

- 아이콘·이모지의 효과

  • 시선 집중
  • 감정 전달
  • 메시지 강화

- YouTube 썸네일

  • ⚡ 충격적인 내용
  • ✅ 해결책
  • ❌ 주의사항
  • 💰 돈 관련
  • 🔥 핫한 주제

- 웹 배너

  • 🎁 선물, 이벤트
  • 🚀 빠름, 성장
  • ⭐ 평점, 추천

- 이모지 추천 사이트

  • Emojipedia (**아이폰, 삼성 이모지 복사&붙여넣기 사용 가능)
  • emojimix by Tikolu** (이모지를 결합해서 나만의 이모지 이미지를 만들 수 있음) 

3. YouTube 썸네일 특화 전략

1) YouTube 썸네일 사양

  • 비율: 16:9
  • 크기: 1280 x 720px (최소)
  • 파일 크기: 2MB 이하
  • 포맷: JPG, PNG, GIF
  • 권장
    • 1920 x 1080px (Full HD)
    • JPG (파일 크기 작음)
    • 100KB - 500KB

2) 얼굴 표정 또는 감정 강조

- 연구 결과

  • 사람 얼굴이 있는 썸네일 → CTR 30% ↑
  • 특히 감정 표현이 있으면 효과 높아짐
  • 효과적인 표정
    • 놀람: 눈 크게 뜨기, 입 벌리기
    • 웃음: 활짝 웃는 얼굴
    • 진지함: 생각하는 표정
    • 화남: 찡그린 얼굴 (논란 주제)

- Figma 편집 시 노하우

  • 얼굴 클로즈업
  • 화면의 30-50% 차지
  • 텍스트는 옆 또는 위에 배치

3) 호기심 유발 텍스트

- 클릭하고 싶게 만드는 카피가 중요합니다.

  • 낚시 제목은 X (클릭베이트)
  • 실제 내용과 일치해야 함
  • 질문형 : “이거 모르면 손해” / “왜 아무도 안 알려줄까?” / “진짜 효과 있을까?”
  • 충격형 :“충격적인 결과” / “믿을 수 없는 반전” / “절대 하면 안 되는 것”
  • 숫자형 : “3가지 방법” / “TOP 5” / “30일 챌린지”
  • Before-After형 : “Before → After” / “1달 전 vs 지금” / “이렇게 바뀝니다”

4. 웹 배너 특화 전략

1) 웹 배너 = 디스플레이 광고

- Google Ads, 네이버 광고 등에서 사용하는 이미지 광고입니다.

2) 구글 배너 광고

  • 각종 웹사이트, 유튜브에 노출
  • 유튜브 영상 하단 또는 좌측 부분에 이미지+텍스트 조합으로 노출

3) 네이버 GFA 배너 광고

  • 네이버에서 가장 많이 사용되는 광고
  • 피드 영역 중간중간에 광고가 노출, 뉴스 기사 하단에 광고 노출

4) 카카오 비즈보드 광고

  • 카카오톡 모바일 채팅탭 상단, 다음, 카카오 산하 서비스(카카오T, 카카오페이지 등) 노출
  • 다른 매체에 비해 광고 이미지(소재) 제작 자유도가 떨어짐

5. Google Ads 모바일 디스플레이 광고 크기

이름 크기(px)
중간 직사각형 300x250
모바일 리더보드 320x50
대형 모바일 배너 320x100
정사각형 250x250
소형 정사각형 200x200

 

6. Google Ads 데스크톱 디스플레이 광고 크기

이름 크기(px) 비율 용도
리더보드 728 x 90 8:1 상단 배너
대형 리더보드 970 x 90 10.8:1 상단 배너 (와이드)
대형 직사각형 336 x 280 1.2:1 본문 삽입
중형 직사각형 300 x 250 1.2:1 사이드바
스카이스크래퍼 160 x 600 3.75:1 세로 배너
와이드 스카이스크래퍼 300 x 600 2:1 세로 배너 (와이드)
정사각형 250x250 1:1  
소형 정사각형 200x200 1:1  

 

- 가장 많이 쓰이는 사이즈

  • 300 x 250 (중형 직사각형)
  • 728 x 90 (리더보드)
  • 336 x 280 (대형 직사각형)

7. 웹 배너 디자인 원칙

1) 리더보드 (728 x 90) 디자인 : 좁고 긴 공간 활용법

  • 좌측: 로고 또는 제품 이미지 (20%)
  • 중앙: 헤드라인 텍스트 (60%)
  • 우측: CTA 버튼 (20%)

2) 중형 직사각형 (300 x 250) 디자인

  • 상단: 헤드라인 (30%)
  • 중앙: 제품 또는 비주얼 (50%)
  • 하단: CTA 버튼 (20%)

8. [실습] YouTube 썸네일 또는 웹 배너 1안 제작하기

[과제] 아래 브랜드를 1개 선택하거나, 실제 브랜드를 선택하여 YouTube 썸네일 또는 웹 배너 1안을 제작하세요.

브랜드 1: “퓨어슬립” (수면 베개 브랜드)

브랜드 2: “플랜티” (실내 공기정화 식물 브랜드)
브랜드 3: “마이보이스” (온라인 보이스 트레이닝 서비스)

옵션 1: YouTube 썸네일

  • 사이즈: 1280 x 720
  • 포함: 얼굴 표정, 큰 텍스트, 이모지

옵션 2: 웹 배너 (리더보드)

  • 사이즈: 728 x 90
  • 포함: 로고, 텍스트, CTA 버튼 

 

 

 

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