썸네일 세이프존, 노출 지면별 정리

찾아본 숫자들이 서로 어긋나는 이유

썸네일 세이프존을 검색하면 결과마다 다른 사각형이 나옵니다. 어떤 글은 1100 × 620 안에 다 넣으라 하고, 다른 글은 아래쪽 여백 40픽셀을 말하고, 또 다른 글은 아예 다른 자리에 상자를 그립니다.

어긋나는 이유는 맞춰야 할 기준 자체가 없기 때문입니다. 유튜브는 썸네일 파일이 어때야 하는지 — 크기, 비율, 형식, 용량 한도, 모두 크기와 사양 가이드에 있습니다 — 는 문서로 밝히지만, 자기 인터페이스가 화면의 어느 부분을 덮는지는 전혀 말하지 않습니다. 떠도는 모든 세이프존 수치는 움직이는 과녁을 누군가 재어 본 결과입니다.

그렇다고 개념이 쓸모없어지는 것은 아닙니다. 인터페이스 요소 자체는 안정적입니다. 몇 년째 같은 모서리에 자리하고 있고, 어디에 있는지는 눈으로 확인할 수 있습니다. 아래는 그 지도이며, 픽셀이 아니라 비율로 쓴 작업 규칙입니다. 그래야 내 작업 크기가 바뀌어도, 저쪽 화면이 개편돼도 살아남습니다. 유튜브가 공개하는 것은 파일에 대한 요건 — 해상도, 비율, 용량, 형식 — 뿐이고, 자기 인터페이스가 그 위에 무엇을 그리는지는 한 줄도 없습니다. 돌아다니는 세이프 존 숫자는, 아래의 것들을 포함해 전부 누군가가 직접 잰 값입니다.

실제로 썸네일 위에 올라오는 것

썸네일 위에는 네 가지가 그려지고, 나타날 확률은 서로 다릅니다.

목록에 없는 것도 눈여겨보세요. 제목, 채널명, 조회수는 겹쳐 그려지는 요소가 아닙니다. 썸네일 아래나 옆에 놓이고 가리는 일이 없습니다. 그렇다고 무해하다는 뜻은 아니며, 아래 모바일 항목에서 다룹니다.

오른쪽 아래 모서리는 언제나 사라진다

재생 시간 배지는 매번 등장한다고 믿어도 되는 유일한 요소이고, 오른쪽 아래 모서리가 쓸 수 없는 공간인 이유입니다.

너비는 영상 길이에 따라 달라집니다. 5분짜리는 좁은 상자를, 한 시간짜리는 글자가 길어져 더 넓은 상자를 얻습니다. 즉 잡아먹는 면적조차 고정이 아니며, 정확히 재기보다 넉넉히 비워 두라는 근거가 됩니다. 가로의 오른쪽 5분의 1, 세로의 아래 6분의 1을 비워 두면 어떤 길이에서도 겹치지 않습니다.

많은 채널이 로고를 두는 자리이기도 하니 분명히 말해 두겠습니다. 오른쪽 아래 모서리의 로고는 검은 상자 밑에 깔린 로고입니다.

아래쪽 가장자리, 다시 찾아온 사람들을 위해

빨간 진행 막대는 영상을 이미 일부 본 시청자에게 썸네일 아래쪽을 따라 나타납니다. 가늘지만 너비 전체를 가로지르고, 하필 가장 되돌리고 싶은 사람들 — 구독자, 기록에서 돌아온 사람, 중간에 이탈한 사람 — 앞에 나타납니다.

공간을 크게 잡아먹지는 않습니다. 화면 아래 몇 퍼센트를 가져갈 뿐이고, 글줄을 가장 아래 가장자리에 딱 붙여 끝내지 말아야 할 좋은 이유가 됩니다. 내림 획 아래로 빨간 막대가 지나가면 타일 크기에서 마지막 단어가 더 읽기 어려워집니다.

가장자리, 잘림은 한 종류가 아니다

더 큰 위험은 겹침이 아닙니다. 내가 잡은 화면이 늘 보이는 화면은 아니라는 점입니다. 같은 파일이 데스크톱 격자 카드, 모바일 피드 카드, 검색 결과, 추천 영상 줄, 채널 격자, 그리고 텔레비전에 등장하는데, 이 지면들이 가장자리를 똑같이 다루지 않습니다.

앱 버전과 화면 크기에 따라 달라지므로 자신 있게 나열할 수는 없습니다. 대신 할 수 있는 일은, 화면 바깥 띠를 작업 공간으로 여기지 않는 것입니다. 구도를 가운데 90퍼센트 안에 두면 차이는 문제가 되지 않습니다. 어떤 지면이 무엇을 잘라 내든 잘려 나가는 것은 배경입니다.

작업 규칙, 그리고 템플릿

넷을 합치면 유튜브가 공개한 적 없는 숫자에 기대지 않는 규칙이 나옵니다. 1280 × 720 캔버스 기준으로:

• 비워 둘 것 — 가로 오른쪽 5분의 1 × 세로 아래 6분의 1, 재생 시간 배지 자리.
• 비워 둘 것 — 왼쪽 아래의 같은 크기 블록, 실시간·자막 배지 자리.
• 비워 둘 것 — 아래 3퍼센트, 너비 전체, 진행 막대 자리.
• 안전 영역 — 가로세로 가운데 90퍼센트가 지면별 잘림 차이를 흡수합니다.
• 글자와 얼굴 — 가운데 80퍼센트 × 76퍼센트. 위의 조건을 모두 지키고 남는 자리입니다.

작업을 점검할 1280 × 720 템플릿 두 가지입니다. 설명이 붙은 참고용과, 편집기에서 작업물 위에 바로 올릴 투명 오버레이. 둘 다 내부적으로는 비율이라 어떤 캔버스 크기에도 맞습니다.

쓸 수 없는 모서리를 쓰는 법

그 자리를 비워 둔다는 것이 버린다는 뜻은 아닙니다. 배지는 아래에 있는 것 위에 얹히므로, 질문은 무엇 위에 얹혀야 편안한가 하나뿐입니다.

그 자리에는 배경이 어울립니다. 하늘, 벽, 장면의 흐린 부분, 단색 면. 아래쪽 모서리에는 검은 상자가 올라오든 안 올라오든 똑같이 읽히는 것을 두세요. 아래로 갈수록 어두워지는 그러데이션이 잘 먹히고, 덤으로 재생 시간 배지가 얹힌 것이 아니라 의도된 것처럼 보이게 합니다.

반대로 구도가 기대고 있는 것은 그 자리에 두면 안 됩니다. 인물의 눈, 손짓이 향하는 지점, 문구의 마지막, 로고. 그중 하나를 모서리 밖으로 옮겼더니 배치가 무너진다면, 대개 그 배치가 타일 크기에서 작동하도록이 아니라 사각형을 채우도록 만들어졌다는 신호입니다.

제목은 가리지 않지만 시선을 가져간다

모바일에서 제목은 썸네일 바로 아래, 굵은 글씨로, 거의 같은 너비로 놓입니다. 아무것도 가리지 않으면서 디자인을 바꿉니다. 눈이 둘을 한 덩어리로 읽기 때문입니다.

실질적인 결과는 이렇습니다. 썸네일 아래 3분의 1에 넣은 글자는 같은 시선을, 같은 읽기 위치에서, 거의 같은 크기로 제목과 두고 다투게 됩니다. 게다가 썸네일의 단어가 제목의 단어를 되풀이한다면 그 다툼은 낭비이기도 합니다. 독자가 곧 읽을 내용을 말하는 데 화면에서 가장 강한 자리를 쓴 셈이니까요.

실제로 보일 크기로 확인하기

위의 규칙들은 실전에서 늘 같은 방식으로 무너집니다. 100퍼센트 배율의 캔버스에서 규칙을 지키는데, 그 화면에서는 모서리가 거대해 보이고 여백이 아까워 보입니다. 그리고 파일은 실제로 보일 크기로 한 번도 확인되지 않은 채 나갑니다.

추천 영상 줄에 놓인 썸네일은 작업하던 너비의 몇 분의 일입니다. 그 크기에서 모서리로 밀려난 피사체는 가려진 정도가 아니라 애초에 읽히지 않았습니다. 진짜 피드 안에, 진짜 크기로 작업물을 넣어 보는 것이 세이프존을 이론이 아니라 눈에 보이는 것으로 만드는 점검이고, 미리보기 도구로 1분이면 됩니다.

여기서 생기는 실수, 잦은 순서대로

세이프존 실패는 거의 네 가지 중 하나이고, 넷 다 게시 전에 고칠 수 있습니다.

• 문구의 한 단어가 오른쪽 아래 모서리에서 끝나, 마지막 단어가 재생 시간 배지 아래 깔립니다.
• 채널 로고가 오른쪽 아래에 있어 영구적으로 절반쯤 가려집니다.
• 얼굴이 가장자리에 너무 바싹 붙게 잘려서, 몇 퍼센트를 깎는 지면이 얼굴을 파고듭니다.
• 글자가 아래 가장자리까지 내려가, 다시 찾아온 시청자에게는 진행 막대가 내림 획을 관통합니다.

Shorts는 완전히 다른 화면

위의 내용은 Shorts에 그대로 옮겨지지 않습니다. 화면이 세로이고, Shorts 썸네일을 보여주는 지면도 다르며, 잘림도 다르게 작동합니다. 모서리가 아니라 위아래가 잘려 나갑니다.

두 형식을 모두 올린다면 하나를 크기만 바꾼 것이 아니라 서로 다른 문제로 다루세요. 세로 쪽은 Shorts 썸네일 가이드에 있습니다.

많이 나오는 질문