가이드 · 9분 분량

썸네일 텍스트: 몇 단어를, 얼마나 크게, 어디에 둘까

가장 작은 피드 크기에서도 읽히는 썸네일 텍스트를 위한 실용 규칙. 픽셀 크기, 글꼴 선택, 배치 영역까지 다룹니다.

빠른 답변

단어는 최대 3–5개, 대개는 그보다 적게 쓰세요. 1280×720 캔버스에서 가장 작은 중요 단어는 굵고 단순한 산세리프 글꼴로 최소 90–110픽셀 높이여야 하며, 배경과 4.5:1 이상의 명암비를 가져야 합니다. 텍스트는 프레임의 위쪽이나 왼쪽에 두고, 재생 시간 배지가 놓이는 오른쪽 아래 모서리는 피하세요. 공개 전에 168×94에서 읽히는지 확인하세요.

3–5이미지 위 단어 수
168×94가독성 테스트 크기
22%비워 둔 모서리

단어가 적을수록 효과적인 이유

피드를 스크롤하는 시청자는 썸네일마다 1초도 안 되는 시간을 씁니다. 그 시간에 사람들이 받아들일 수 있는 것은 얼굴 하나, 형태 하나, 단어 한두 개이지 문장이 아닙니다. 제목을 반복하는 텍스트는 공간을 낭비하고, 숫자나 결과, 반전을 더하는 텍스트는 시청자에게 클릭할 두 번째 이유를 줍니다.

크기 문제도 있습니다. 프레임 너비는 고정되어 있으므로 단어가 하나 늘 때마다 모든 단어가 작아집니다. 세 단어에서 일곱 단어로 늘리면 쓸 수 있는 글자 높이가 대략 절반이 되고, 사이드바 크기에서는 그것이 읽히느냐 안 보이느냐의 차이가 됩니다.

텍스트 크기: 168×94 규칙

사이드바 크기에서 1280×720 썸네일은 너비의 약 13%로 축소됩니다. 캔버스에서 높이 100픽셀인 텍스트는 화면에서 약 13픽셀, 대략 일반 인터페이스 텍스트 크기가 됩니다. 화면 픽셀 기준 약 9–10픽셀 아래로 내려가면 대부분의 사람은 한눈에 글자를 읽지 못합니다.

1280×720 캔버스의 글자 높이360×202에서168×94에서한눈에 읽히나?
40px11px5px아니요
70px20px9px간신히
100px28px13px예
140px39px18px예, 쉽게

이 수치는 굵은 글자의 대문자 높이 기준입니다. 글꼴의 x-높이가 작거나 획이 가늘다면 안전하게 20%를 더하세요. 한글은 획이 많은 글자가 있으므로 같은 기준에 여유를 더 두는 것이 좋습니다.

읽히는 크기에 들어가는 단어 수

글자 높이가 최소 100픽셀이고 자간이 보통이라면, 여백을 두고 오른쪽을 비운 1280픽셀 너비 캔버스에는 한 줄에 라틴 문자 약 10–14자(한글은 약 6–8자)가 들어갑니다. 큰 텍스트 두 줄이 이미지 자체를 위한 공간이 남는 실질적인 최대치입니다.

단어 수일반적인 레이아웃적합한 경우
1아주 큰 단어 하나나 숫자결과, 반응, 숫자(“0원”, “왜?”)
2–3크게 한 줄대부분의 동영상
4–5크게 두 줄비교, 짧은 주장
6+작은 텍스트거의 통하지 않음. 제목으로 옮기세요

축소에도 살아남는 글꼴

열린 형태와 큰 x-높이를 가진 단순한 산세리프 서체의 볼드나 블랙 굵기를 고르세요. 가는 굵기, 속공간이 좁은 압축형 글꼴, 장식적인 필기체, 채움 없는 외곽선 글꼴은 피하세요. 이미지가 축소되면 e, a, s 같은 글자가 먼저 막히는데, 속공간이 열린 글꼴일수록 더 오래 읽힙니다. 한글이라면 획이 굵고 받침 공간이 넉넉한 고딕 계열 굵은 글꼴이 유리합니다.

복잡한 이미지와 텍스트를 분리하려면 외곽선이나 그림자를 쓰세요. 글자 높이의 약 6–10% 두께의 어두운 외곽선이 대부분의 사진에서 효과적입니다. 자간은 보통이거나 약간 넓게 유지하세요. 자간이 좁으면 작은 크기에서 글자가 붙어 버립니다.

  • 볼드 또는 블랙 굵기
  • 큰 x-높이, 열린 속공간
  • 글자 높이의 6–10% 외곽선
  • 보통이거나 약간 넓은 자간

여섯 단계로 읽히는 썸네일 텍스트 디자인하기

  1. 01

    텍스트가 더할 것을 정하기

    이미지가 보여 줄 수 없는 사실이나 반전 하나를 쓰세요. 없다면 텍스트를 쓰지 마세요.

  2. 02

    다섯 단어 이하로 줄이기

    조사, 군더더기, 이미 제목에 있는 내용을 빼세요.

  3. 03

    크고 굵게 설정하기

    1280×720 캔버스에서 가장 작은 중요 단어를 최소 100px 높이로 만드세요.

  4. 04

    분리 효과 더하기

    텍스트가 4.5:1 대비 점검을 통과할 때까지 외곽선, 그림자, 상자를 쓰세요.

  5. 05

    왼쪽 위에 배치하기

    프레임의 오른쪽 22%와 아래쪽 22% 밖에 두세요.

  6. 06

    168픽셀에서 확인하기

    세이프 존 검사기를 168px 너비로 열고 확대하지 않은 채 단어를 읽어 보세요.

텍스트를 둘 위치

왼쪽에서 오른쪽으로 읽는 언어의 시청자는 왼쪽 위부터 훑어보는 경향이 있으며, 웹 페이지 시선 추적 연구에서도 사람들은 줄의 시작과 콘텐츠의 왼쪽에 집중합니다. 그래서 썸네일의 왼쪽 위와 위쪽 가운데는 단어를 두기 좋은 자리입니다. 오른쪽 아래 모서리는 거의 모든 화면에서 재생 시간 배지가 가리므로 최악의 자리입니다.

1280×720 캔버스에서는 가장자리에 약 50픽셀의 여백을 두고, 프레임의 오른쪽 22%와 아래쪽 22%에는 텍스트를 두지 마세요. 주제의 얼굴 위에 텍스트를 올리지 말고, 얼굴 옆의 차분한 배경 영역에 두세요.

영역텍스트 적합도이유
왼쪽 위최고가장 먼저 보이고 절대 가려지지 않음
위쪽 가운데좋음잘 보이지만 주제와 겹칠 수 있음
왼쪽 가운데좋음자연스러운 읽기 시작점
왼쪽 아래괜찮음진행률 표시줄 주의
오른쪽 아래피하기재생 시간 배지에 가려짐

다른 언어의 텍스트

독일어, 프랑스어, 스페인어 단어는 영어보다 긴 경우가 많아, 영어 세 단어가 긴 두 줄이 될 수 있습니다. 한국어, 중국어, 일본어는 적은 글자에 많은 의미를 담지만, 복잡한 글자는 읽히려면 더 큰 크기가 필요합니다. 획이 많은 글자라면 캔버스에서 120픽셀 이상을 목표로 하세요. 썸네일을 현지화한다면 영어 레이아웃이 그대로 맞을 거라 가정하지 말고 언어마다 168×94에서 다시 확인하세요.

썸네일 위의 숫자, 기호, 이모지

숫자는 짧고 구체적이어서 썸네일에서 가장 효과적인 단어 중 하나입니다. “0원”, “30일”, “1 대 100” 같은 식이죠. 굵은 글꼴의 숫자는 넓고 분명해서 축소에도 잘 살아남습니다. 통화 기호와 단위는 숫자와 같은 크기나 약간 작게 하되, 절대 아주 작게 하지 마세요.

화살표, 물음표, 체크 표시 같은 기호는 단어를 대신할 수 있지만, 하나하나가 주의를 놓고 경쟁하는 요소가 됩니다. 최대 하나만 쓰세요. 이모지는 편집기에서 이미지로 렌더링되므로 다른 그래픽처럼 축소됩니다. 큰 이모지 하나는 반응 표현으로 통할 수 있지만, 작은 이모지 여러 개는 168×94에서 색 점이 됩니다.

  • 숫자를 글자로 풀어 쓰지 말고 숫자로
  • 기호나 화살표는 최대 하나
  • 큰 이모지 하나, 작은 이모지 나열은 금지

텍스트, 제목, 접근성

이미지 위의 텍스트는 스크린 리더가 읽거나 자동 번역할 수 없고, 제목과 설명처럼 색인되지도 않습니다. 그래서 짧게 쓰고, 중요한 단어는 제목에도 더 완전한 형태로 넣어야 합니다. 썸네일 텍스트는 후크이고, 제목은 분명하고 검색 가능한 진술이어야 합니다.

저시력 시청자도 생각하세요. 단순한 글꼴로 쓴 크고 대비 높은 텍스트는 접근성 설정을 쓰는 사람뿐 아니라 모두에게 도움이 됩니다. 시청자가 TV로 본다면 썸네일을 3미터 떨어진 곳에서 본다는 점을 기억하세요. 휴대폰의 168×94에서 읽히는 텍스트는 대개 TV에서도 읽힙니다.

단어가 들어갈 곳목적길이
썸네일 텍스트후크: 숫자, 결과, 반전1–5단어
제목분명하고 검색 가능한 진술처음 40자 안에 후크
설명맥락과 키워드첫 1–2문장이 가장 중요

실전 예시: 아홉 단어에서 세 단어로

한 테크 리뷰어의 첫 시안은 프레임 아래쪽에 “I USED THIS CHEAP LAPTOP FOR 30 DAYS(이 저가 노트북을 30일 동안 써 봤다)”를 들어가도록 64픽셀로 적었습니다. 168×94에서 글자는 8픽셀이 되고, 마지막 두 단어는 재생 시간 배지 아래에 있습니다.

두 번째 시안은 주장을 제목으로 옮기고, 왼쪽 위에 어두운 외곽선을 두른 130픽셀 크기의 “30 DAYS LATER(30일 후)”만 남겼습니다. 사이드바 크기에서 글자는 17픽셀이고, 모서리는 깨끗하며, 점검의 텍스트 항목이 초록색으로 바뀝니다.

시안단어 수글자 높이(캔버스)168×94에서모서리
첫 번째964px8px가려짐
두 번째3130px17px깨끗함

썸네일 텍스트에서 흔한 실수

문장 쓰기

긴 텍스트는 작아지고 제목을 반복합니다. 3–5단어로 유지하세요.

가는 글꼴이나 필기체

축소하면 깨집니다. 굵은 산세리프를 쓰세요.

배지 아래의 텍스트

오른쪽 아래 모서리는 가려집니다. 텍스트를 위쪽 왼쪽으로 옮기세요.

사진 위에 외곽선 없음

분리 효과가 없는 텍스트는 복잡한 영역에서 대비에 실패합니다.

얼굴 위의 텍스트

가장 강한 요소인 표정을 가립니다. 얼굴 옆에 두세요.

번역본을 다시 확인하지 않음

다른 언어의 긴 단어가 레이아웃을 깨뜨립니다. 버전마다 테스트하세요.

FAQ

이 주제에 관한 질문

썸네일에는 몇 단어를 넣어야 하나요?

최대 3–5단어이며, 1–3단어가 더 나은 경우가 많습니다. 단어가 하나 늘 때마다 모든 텍스트가 작아집니다.

썸네일 텍스트는 얼마나 커야 하나요?

1280×720 캔버스에서 가장 작은 중요 단어가 최소 90–110픽셀 높이여야 사이드바 크기에서 약 12–14픽셀이 됩니다.

썸네일에 가장 좋은 글꼴은?

큰 x-높이와 열린 글자 형태를 가진 단순한 산세리프의 볼드나 블랙 굵기입니다. 가는 글꼴, 압축형, 필기체는 피하세요.

썸네일 텍스트는 어디에 둬야 하나요?

왼쪽 위나 위쪽 가운데에, 재생 시간 배지가 나타나는 오른쪽 아래 모서리에서 떨어뜨려, 가장자리에서 약 50픽셀 여백을 두고 배치하세요.

모든 썸네일에 텍스트가 있어야 하나요?

아니요. 이미지가 스스로 설명한다면 추가 텍스트는 복잡함만 더합니다. 숫자, 결과, 반전을 더할 때 텍스트를 쓰세요.

썸네일 텍스트가 읽히는지 어떻게 테스트하나요?

어두운 피드와 밝은 피드 모두에서 확대하지 않고 168×94픽셀로 이미지를 보세요. 모든 단어를 한눈에 읽을 수 있다면 통과입니다.

출처

사양과 수치는 2026년 10월 27일에 아래 공개 자료와 대조해 확인했습니다. 플랫폼 규칙은 바뀌므로 큰 공개 전에는 공식 도움말 페이지에서 한도를 다시 확인하세요.

  1. Understanding SC 1.4.3 Contrast (Minimum) — W3C WCAG 2.2
  2. F-Shaped Pattern of Reading on the Web — Nielsen Norman Group
  3. Add custom thumbnails — video platform help center
계속 읽기

관련 가이드와 도구