썸네일·배너 메이커

클릭을 부르는 썸네일의 조건

썸네일은 대부분 손톱만 한 크기로 보입니다. 그래서 무엇보다 <b>글자가 크고 또렷해야</b> 합니다. 제목은 짧게(핵심 단어 위주로), 크기는 화면 높이의 10% 안팎으로 키우고, 배경과 대비되는 색에 외곽선을 넣으면 어떤 배경에서도 읽힙니다.

색 대비도 중요합니다. 밝은 배경엔 어두운 글자, 어두운 배경엔 밝은 글자를 쓰고, 사진 배경이라면 "어둡게"로 살짝 눌러 글자가 뜨게 만드세요. 색이 너무 많으면 산만하니 배경 2색 + 글자 1색 정도로 절제하는 게 좋습니다.

• 제목은 6~10자 내외로 짧게 — 길면 줄바꿈되어 작아집니다.
• 외곽선 두께를 6~10 정도 주면 배경과 확실히 분리됩니다.
• 부제목은 보조 정보용으로, 제목보다 확연히 작게.

배경 3가지 활용법

<b>단색</b>은 가장 깔끔하고 글자가 잘 보여 정보성 콘텐츠에 좋습니다. <b>그라디언트</b>는 두 색을 섞어 밋밋하지 않게 만들며 방향을 바꿔 분위기를 조절합니다. <b>이미지</b>는 사진 위에 제목을 얹는 방식으로, 브이로그·리뷰·여행 콘텐츠에 어울립니다.

이미지 배경은 규격에 맞춰 자동으로 꽉 차게(cover) 배치되므로 사진 비율이 달라도 여백 없이 채워집니다. 글자가 사진에 묻히면 "어둡게"를 올리세요. 모든 처리가 브라우저 안에서만 이뤄져 사진이 밖으로 나가지 않습니다.