조용히 조회수를 깎아먹는 썸네일 실수 일곱 가지

이 실수들이 게시까지 살아남는 이유

아래 일곱 가지 중 어려운 개념은 하나도 없습니다. 그런데도 살아남는 이유는 썸네일을 만드는 그 자리가 다섯 가지 방식으로 우리를 속이기 때문입니다. 화면은 확대돼 있고, 뒤 배경은 실제와 다른 색이며, 경쟁 영상이 옆에 없고, 제목이 아래에서 시선을 가져가지 않으며, 인터페이스 요소가 모서리를 덮지 않습니다. 이 조건 아래에서는 모든 실수가 보이지 않다가, 조건이 사라지는 순간 전부 드러납니다.

1. 너무 많은 텍스트

모니터에서는 완벽하게 읽히는 문장이 모바일 피드에서는 회색 얼룩이 됩니다. 상한선은 서너 단어 정도이고, 디자인한 크기의 3분의 1로 줄여도 살아남을 만큼 커야 합니다. 그보다 많은 단어가 필요하다면 썸네일이 제목의 일을 대신하고 있는 것입니다. 게다가 더 못하고 있습니다. 제목은 60자를 쓸 수 있고 재인코더를 통과한 픽셀이 아니라 진짜 텍스트로 표시되니까요.

2. 오른쪽 아래 모서리에 놓인 요소

재생 시간 배지가 거의 모든 지면에서 그 모서리를 덮고, 이미 본 영상에서는 진행 표시줄이 아래쪽 가장자리를 덮습니다. 거기에 놓인 얼굴, 로고, 글자는 잘려 나갑니다. 가장 흔하면서도 피할 수 있는 실수이고, 한 번 눈으로 확인하고 나면 고치는 데 아무 비용도 들지 않습니다. 배지는 크기도 고정이 아닙니다. 길이에 따라 늘어나므로 12초짜리 배지와 1:47:32짜리 배지가 잡아먹는 면적은 전혀 다릅니다.

3. 흰 캔버스 위에서 디자인하기

시청자 대부분은 다크 모드입니다. 밝은 편집기 배경 위에서 만든 디자인은 어두운 그리드에서 가장자리가 사라져, 사각형이어야 할 썸네일이 형태 없는 얼룩처럼 떠 보일 수 있습니다. 실제로 놓일 배경 위에서 확인하세요. 반대 경우도 볼 만합니다. 다크 모드에만 맞춘 디자인은 흰 인터페이스에서 흐려질 수 있는데, 그쪽에도 여전히 3분의 1 정도의 시청자가 있습니다. 어두운 디자인이 어두운 인터페이스 위에서 어떻게 되는지는 대비율로 다크 모드 가이드에 있습니다.

4. 전체 화면으로 평가하기

1280px에서는 어떤 썸네일이든 좋아 보입니다. 시청자의 결정은 170px에서 360px 사이에서 일어납니다. 디테일, 가는 테두리, 작은 얼굴, 미묘한 그러데이션은 그 구간에서 전부 사라지는데, 방금 내보낸 파일을 확대해 보고 있는 한 절대 눈치채지 못합니다. 들일 만한 습관은 작업 중에 축소한 사본을 항상 띄워 두는 것입니다. 그러면 실제로 디자인하는 대상은 작은 쪽이 되고, 큰 화면은 픽셀을 옮기는 자리일 뿐입니다.

5. 니치에 묻히기

경쟁 채널을 연구한 다음 그들과 똑같은 썸네일을 만드는 것은 편안한 함정입니다. 피드에서 닮았다는 것은 보이지 않는다는 뜻입니다. 눈은 반복되는 패턴을 건너뜁니다. 분야를 연구하는 목적은 색, 구도, 화면 구성, 소재 가운데 내가 튈 수 있는 축 하나를 찾는 데 있습니다. 하나면 됩니다. 네 가지 모두에서 달라지면 시청자가 훑고 있던 카테고리의 일부로 읽히지 않게 되는데, 그 대가가 묻히는 것보다 큽니다. 내 니치가 실제로 어떤 모습인지는 경쟁 썸네일 660장을 측정한 튀는 법 가이드에, 채널이 무엇을 고정해야 하는지는 일관성 가이드에 있습니다.

6. 모바일 화면 무시하기

노출 대부분은 휴대폰에서 일어나고, 그것은 단순히 작아진 PC 화면이 아닙니다. 레이아웃이 더 좁고, 제목이 이미지 바로 아래에 붙어 시선을 가져가며, 눈이 헤맬 여유도 적습니다. PC에서는 되는데 모바일에서 안 되는 썸네일은 정작 중요한 곳에서 실패하는 썸네일입니다. 읽는 순서도 달라집니다. PC에서는 눈이 그리드를 훑지만 모바일에서는 한 줄을 따라 내려가므로, 썸네일마다 혼자 있는 순간이 생기는 대신 그 순간이 훨씬 짧습니다. 휴대폰 표면을 실제 뷰포트 크기에서 측정한 값은 모바일 가이드에 있습니다.

7. 썸네일을 그대로 반복하는 제목

썸네일이 "집을 지었다"라고 말하는데 제목도 "집을 지었습니다"라면 둘 중 하나는 낭비된 것입니다. 둘이 합쳐 답할 만한 질문 하나를 만들 시간은 약 1초입니다. 같은 아이디어의 서로 다른 절반을 맡아야 하고, 실제로 읽힐 크기에서 나란히 두고 확인해야 합니다. 가장 자주 통하는 분담은 이렇습니다. 이미지가 상황을 지고 제목이 걸린 것을 지거나, 이미지가 결과를 보여주고 제목이 그 대가를 설명하는 것입니다.

업로드 전 5분 점검

• 시안을 15%로 줄여 읽어본다 — 알아볼 수 없는 것은 없는 것이다
• 어두운 배경 위에 올려 가장자리가 여전히 사각형을 이루는지 확인한다
• 오른쪽 아래 모서리와 아래쪽 가장자리를 손가락으로 가려본다 — 그 밑에 중요한 게 있는가?
• 실제 제목을 옆에 두고 한 문장처럼 읽는다 — 두 가지를 말하는가, 같은 말을 두 번 하는가?
• 혼자가 아니라 내 분야 경쟁 썸네일 네 개 옆에 두고 본다
• 노출 대부분이 일어날 휴대폰 너비에서 확인한다

일곱 가지의 공통 해법

이 실수들은 하나씩 떼어 놓으면 보이지 않고 맥락 안에 두면 분명해집니다. 디자인을 실제로 경쟁하게 될 자리에 두세요. 실제 크기, 실제 피드, 실제 경쟁자, 다크 모드, 휴대폰과 PC. 그러면 문제는 업로드 전에, 고치는 데 아직 아무 비용도 들지 않을 때 스스로 드러납니다. 감으로 판단하는 대신 미리 보는 이유가 전부 여기에 있습니다. 더 나은 안목이 필요한 게 아니라, 실제로 평가받을 조건에서 이미지를 보는 것이 필요할 뿐입니다. 일곱 가지는 업로드 전 확인 목록에 한 줄씩 정리되어 있고, 나머지 가이드들이 도출한 측정값도 함께 있다. 유튜브의 썸네일·제목 팁도 같은 말을 한 줄로 합니다.

모두가 묻는 질문