한글 썸네일 텍스트·폰트 가독성 — 모바일 작은 화면 최적화

데스크톱에서 큼직하게 보던 썸네일을 모바일 피드에 올려보면 “어? 글자가 왜 이렇게 안 보이지?” 하는 순간이 옵니다. 같은 디자인인데도 한글은 유독 작게 줄였을 때 획이 뭉개지고 받침이 엉겨 붙어 읽히지 않습니다. 썸네일이 클릭을 결정한다는 큰 그림은 썸네일 중요성에서 다뤘지만, 정작 한국어 채널이 실무에서 막히는 지점은 “디자인은 멀쩡한데 글자가 안 보인다”는 가독성 문제인 경우가 많습니다. 이 글은 한글의 구조적 특성에서 출발해 폰트·글자 수·크기·대비를 어떻게 잡아야 모바일 작은 화면에서도 또렷하게 읽히는지를 정리합니다. 시작 전에 분명히 해 둘 점이 있습니다. 아래 권장 수치는 공개 관찰과 실무 경험을 종합한 참고용 기준일 뿐, 유튜브가 발표한 공식 규격이 아닙니다. 채널 주제와 시청 환경에 따라 달라질 수 있으니 반드시 자기 썸네일로 테스트하며 적용하세요.

왜 한글은 영문보다 작게 줄였을 때 더 뭉개질까

영문은 알파벳 26자가 대부분 단순한 선과 곡선으로 이뤄져 있고, 한 글자가 차지하는 정보량이 적습니다. 반면 한글은 초성·중성·종성이 한 음절 박스 안에 쌓이는 모아쓰기 구조라, 같은 크기라도 한 글자에 담기는 획이 훨씬 많습니다. 특히 “밟”, “읽”, “닭”처럼 받침이 두 개거나 획수가 많은 글자는 작게 줄이는 순간 받침 부분이 검은 덩어리로 뭉쳐 버립니다.

모바일 피드에서 썸네일은 실제로 가로 폭 수백 픽셀 남짓으로 표시됩니다. 1280×720으로 큼직하게 작업한 파일이 화면에서는 그 절반 이하로 축소되는 셈이죠. 이 축소 과정에서 가는 획은 사라지고, 글자 사이가 붙어 있으면 음절 경계가 무너집니다. 결론은 단순합니다. 한글 썸네일은 “데스크톱에서 예쁜가”가 아니라 “작게 줄여도 받침까지 살아남는가”를 기준으로 만들어야 합니다.

폰트 선택 — 두꺼운 고딕 계열이 답이다

가독성의 8할은 폰트에서 갈립니다. 핵심 원칙은 하나입니다. 획이 굵고 균일한 산세리프(고딕) 계열을 쓰세요. 명조(세리프) 계열은 가로획이 가늘어 축소 시 끊겨 보이고, 손글씨·장식체는 받침이 많은 한글에서 형태가 무너집니다. 실무에서 가장 무난한 선택지는 무료로 상업적 사용이 가능한 굵은 고딕 폰트들입니다.

• 본고딕(Noto Sans KR): 구글·어도비가 함께 만든 오픈소스 폰트로 라이선스가 자유롭고 굵기 단계가 다양합니다. Bold·Black 단계를 쓰면 작은 화면에서도 안정적입니다.
• 프리텐다드(Pretendard): 화면 표시에 최적화된 무료 폰트로 자형이 또렷하고 굵기가 넓어 썸네일·자막에 두루 쓰입니다.
• 지마켓 산스, 검은고딕, G마켓·배민 계열 무료 폰트: Black급으로 매우 두꺼워 한두 단어 강조 카피에 강합니다.

주의할 점은 “무료처럼 보이는 폰트”가 전부 상업용 허용은 아니라는 것입니다. 폰트를 쓰기 전에는 무료 폰트 모음 사이트인 “눈누”에서 해당 폰트의 라이선스 범위(영상·썸네일 사용, 임베딩, BI/CI 사용 가능 여부)를 한 번 더 확인하세요. 같은 폰트라도 버전·배포처에 따라 허용 범위가 다른 경우가 있습니다.

글자 수 — 핵심 3~5단어, 한 줄에 욕심내지 않기

가독성을 망치는 가장 흔한 원인은 폰트가 아니라 “글자가 너무 많다”입니다. 시청자가 피드를 스크롤하며 썸네일에 시선을 주는 시간은 1초 안팎입니다. 그 짧은 순간에 문장을 다 읽을 사람은 없습니다. 핵심 키워드 3~5단어로 압축하고, 설명은 영상 제목에 맡기세요. 제목과 썸네일이 같은 말을 반복하면 정보 밀도만 떨어집니다.

• 한 줄에 글자를 빽빽이 채우지 말고, 두 줄로 나누되 줄마다 단어 단위로 끊습니다. “월급 모아 1억 만든”처럼 어절 중간에서 줄바꿈하면 읽는 흐름이 끊깁니다.
• 숫자·기호(₩, %, 3가지)는 한글보다 빠르게 인식되므로 적극 활용합니다. “3가지”, “30만 원”처럼 숫자를 앞세우면 같은 면적에서 정보 전달이 빠릅니다.
• 가장 중요한 단어 하나는 색·크기로 대비를 줘서 “먼저 읽히는 단어”를 만듭니다. 전부 같은 크기면 어디부터 봐야 할지 시선이 헤맵니다.

모바일 실제 크기를 기준으로 디자인하기

가장 강력한 점검법은 의외로 단순합니다. 작업 중인 썸네일을 실제 모바일 피드 크기로 줄여서 미리보기하는 것입니다. 디자인 툴 화면을 50%, 다시 25%로 축소해 보고, 그래도 핵심 단어가 한눈에 읽히는지 확인하세요. 더 확실한 방법은 완성 직전 시안을 자기 휴대폰으로 전송해 실제 피드와 비슷한 환경에서 보는 것입니다. 손바닥 위에서 안 읽히면 그 썸네일은 다시 만들어야 합니다.

경쟁 영상의 썸네일을 참고할 때도 같은 시점이 필요합니다. 어떤 썸네일이 클릭을 부르는지 보고 싶다면 썸네일 다운로드로 잘나가는 영상의 이미지를 받아 모바일 크기로 나란히 비교해 보세요. “이 채널은 글자를 몇 단어로 줄였나, 어디에 대비를 줬나”를 보는 것만으로 자기 썸네일의 군더더기가 보입니다. 클릭률 자체를 끌어올리는 카피·구도 원칙은 썸네일 CTR 규칙에서 따로 정리했습니다.

대비·외곽선·그림자 — 배경에서 글자를 떼어내라

폰트와 글자 수를 다 잡아도 배경과 글자가 비슷한 밝기로 겹치면 읽히지 않습니다. 한글 가독성의 마지막 관문은 배경과의 대비입니다. 인물 사진처럼 배경이 복잡한 경우, 글자만 따로 떠 보이게 만드는 장치가 필요합니다.

• 외곽선(스트로크): 밝은 글자에 어두운 외곽선, 어두운 글자에 밝은 외곽선을 둘러 배경과 분리합니다. 다만 한글은 획이 많아 외곽선을 너무 두껍게 주면 받침이 메워지니 적당히.
• 그림자(드롭섀도): 부드러운 그림자를 살짝 깔면 입체감이 생겨 배경 위에서도 글자가 떠 보입니다.
• 박스·반투명 띠: 글자 뒤에 반투명한 사각 박스나 색 띠를 깔면 가장 확실하게 분리됩니다. 정보형·뉴스형 채널에서 특히 안정적입니다.
• 명도 대비 우선: 색상 자체보다 밝기 차이가 가독성을 결정합니다. 빨강 글자에 초록 배경처럼 채도만 높고 명도가 비슷하면 진동하듯 흐려 보입니다. 빨강·파랑 색맹 시청자를 고려해도 “밝은 글자 vs 어두운 배경”이 가장 안전합니다.

자간(글자 사이 간격)과 줄간격도 한글에서는 중요한 변수입니다. 굵은 폰트를 쓰면 글자끼리 붙기 쉬우니 자간을 살짝 넓혀 음절 경계를 살리고, 두 줄로 쓸 때는 줄간격을 넉넉히 줘서 윗줄 받침과 아랫줄 초성이 엉기지 않게 합니다.

상황별 권장값 — 모바일·데스크톱·쇼츠 (참고용)

같은 썸네일이라도 노출 환경에 따라 보이는 크기가 다릅니다. 아래 표는 환경별로 글자 수·크기·폰트 굵기를 어느 정도로 잡으면 무난한지 방향성만 정리한 것입니다. 다시 강조하지만 공식 규격이 아니라 실무 참고값이며, 채널 주제와 시청자 연령대에 따라 조정해야 합니다.

쇼츠는 하단 UI(제목·계정명·버튼)에 텍스트가 가려지기 쉬우므로, 글자를 화면 위쪽이나 가운데 안전 영역에 배치하는 것이 좋습니다. 가로형 썸네일은 우측 하단에 영상 길이가 표시되니 그 자리에 핵심 글자를 두지 않도록 주의하세요.

폰트 저작권 — 임베딩·상업적 사용 범위를 꼭 확인

무료 폰트라고 해서 모든 용도가 자유로운 것은 아닙니다. 유튜브 썸네일은 “영상물에 포함되는 상업적 사용”에 해당하므로, 폰트 라이선스가 영상·이미지 사용을 허용하는지 반드시 확인해야 합니다. 일부 폰트는 개인·비영리만 무료이고 상업적 사용은 별도 계약이 필요합니다. 또한 폰트 파일을 영상 파일이나 디자인 결과물에 “임베딩(포함)”하는 것을 제한하는 라이선스도 있으니, 배포 시 함께 묶이는 경우라면 임베딩 허용 여부도 살펴야 합니다.

실무에서는 본고딕·프리텐다드처럼 라이선스가 명확하고 폭넓게 허용된 폰트를 기본으로 정해 두고, 포인트용 폰트만 그때그때 라이선스를 확인해 추가하는 방식이 안전합니다. 한 채널의 썸네일은 같은 폰트로 통일하는 것이 브랜드 인식에도 유리하고, 라이선스 관리도 단순해집니다.

마무리 — 가독성은 디자인이 아니라 설계다

한글 썸네일의 가독성은 “예쁘게 꾸미는” 문제가 아니라 “작게 줄여도 살아남게 설계하는” 문제입니다. 굵은 고딕 폰트, 3~5단어로 압축한 카피, 배경과 또렷이 분리된 대비, 그리고 모바일 실제 크기로 줄여 보는 점검 습관 — 이 네 가지만 지켜도 글자가 안 보여서 클릭을 놓치는 일은 크게 줄어듭니다. 여기서 한발 더 나아가려면 어떤 글자·색·구도가 실제로 더 눌리는지를 A/B 테스트로 확인하고, 만드는 과정을 효율화하는 썸네일 제작 워크플로로 반복 가능한 시스템을 갖추는 것이 좋습니다. 마지막으로 한 번 더 강조합니다. 이 글의 권장 글자 수·크기는 모두 참고용 기준이며 공식 규격이 아니므로, 자기 채널의 시청자와 지표로 검증하면서 적용하세요.