썸네일 때문에 글 발행만 미루고 계신가요?
완성된 글은 앞에 있는데, 덩그러니 남은 빈 썸네일 영역 때문에 마우스 커서만 멈춰 있다. 포토샵을 켜야 할지, 아니면 유료 템플릿을 결제해야 할지 고민만 30분이다. 결국 오늘도 “내일 해야지” 하고 브라우저를 끄게 된다. 내가 운영하는 SaaS 10여 개의 블로그에서도 이런 일은 매일 벌어졌다. 디자인에 자신이 없으니 미루는 게 당연하다. 하지만 1인 크리에이터에게 완성보다 중요한 건 ‘발행’이다. 일단 올려놔야 데이터가 쌓이고 피드백이 온다. 툴 비용에 목매기보다는 무료 자원을 최대한 활용해야 한다. 나는 디자이너가 아니라 개발자지만, 무료 툴과 몇 가지 원칙만으로 클릭을 부르는 썸네일 시스템을 구축했다.
완벽한 디자인보다 중요한 것은 ‘완료’입니다
맨 처음 SaaS 하나를 런칭했을 때, 썸네일 하나를 위해 디자이버에게 의뢰하거나 유료 사이트 구독을 고민하늘라 글 발행이 일주일씩 밀린 적이 있다. 완벽하려다 아예 시작도 못 하는 셈이다. 이제는 썸네일 제작 시간을 10분 이내로 줄였다. 퀄리티가 100점 만점에 80점이라도 괜찮다. 중요한 건 0점인 미발행 상태를 면하는 것이다.
디자인 툴 비용은 0원으로 줄이세요
포토샵이나 일러스트레이터 없이도 충분하다. 웹에서 바로 쓸 수 있는 피그마(Figma)와 카파(Kappa) 같은 무료 툴만으로도 충분히 고퀄리티 결과물을 뽑아낼 수 있다. 굳이 월 10만 원대의 구독료를 지출할 필요가 없다. 비용을 0원으로 만들고, 그 시간을 콘텐츠 기획에 쏟아부어라.
무료 템플릿 찾기: 어디서부터 시작해야 할까요?
백지에서부터 시작하려 하지 마라. 이미 검증된 레이아웃 위에 내 내용만 덧씌우면 된다. 이게 핵심이다. 피그마 커뮤니티에는 전 세계의 디자이너들이 올린 무료 템플릿이 넘쳐난다. 그냥 가져다 쓰자.
피그마 커뮤니티의 숨겨진 보석들
피그마 커뮤니티 검색창에 “Youtube Thumbnail”이나 “Blog Thumbnail”이라고 영어로 검색해 보라. 수백 가지 템플릿이 쏟아진다. 이 중에서 내 블로그 톤과 비슷한 걸 골라 ‘Duplicate’ 버튼만 누르면 내 작업 공간으로 복사된다. 라이선스를 확인하는 건 기본이다. 상업적 이용이 가능한지 꼭 체크하자.
자주 쓰는 구성은 ‘내 라이브러리’로 저장하기
매번 템플릿을 찾는 것도 시간 낭비다. 평소에 내가 자주 쓰는 프레임, 화살표, 아이콘 같은 요소들은 ‘Assets’에 모아두자. 다음번에 썸네일을 만들 때는 이 라이브러리에서 끌어다 쓰기만 하면 된다. 나는 인터뷰 형태, 팁 형태, 비교 형태 등 3가지 레이아웃만 고정해서 쓴다.
감각 없이도 그럴싸해 보이는 디자인 원칙 3가지
디자인 감각은 타고나는 게 아니라 규칙을 지키는 것이다. 복잡한 원론은 필요 없다. 클릭을 부르는 썸네일은 시각적 혼란을 줄이는 것에서 시작한다.
색상은 3가지로 제한하고 ‘메인 컬러’를 정하세요
색을 많이 쓴다고 예쁜 게 아니다. 무지개색을 쓰면 가독성만 떨어진다. 배경색, 텍스트 메인 컬러, 포인트 컬러 이렇게 3가지만 기억하자. 나는 거의 항상 짙은 네이비를 배경으로 쓰고, 텍스트는 흰색, 포인트는 형광 노란색 하나만 고집한다. 이렇게 하면 브랜드 일관성도 생기고 눈에도 잘 띈다.
글자는 눈에 확 띄는 ‘고대비’ 처리가 필수
썸네일은 썸네일 제작이란 블로그 글이나 영상의 핵심 내용을 시각적으로 요약하여, 검색 결과나 소셜 미디어 피드에서 사용자의 클릭을 유도하기 위해 제작하는 작은 이미지를 의미한다. 이 작은 이미지에서 텍스트는 생명이다. 배경이 어두우면 글자는 밝아야 하고, 배경이 복잡하면 글자 뒤에는 반드시 그림자나 음영 처리를 해야 한다. 가독성을 포기하면 클릭률도 0이다.
여백을 지우지 말고 텍스트 주변을 비우세요
빈 공간이 아까워 꽉 채우려 들지 마라. 텍스트 주변에 숨 쉴 틈을 주자. 텍스트가 사방 테두리에 딱 붙어 있으면 답답해 보인다. 적어도 텍스트 상하좌우로 여백을 20% 이상은 비워야 전문적으로 보인다.
AI로 썸네일 배경 이미지만 빠르게 뽑는 방법
스톡 사이트에서 돈 주고 사진 사는 건 이제 그만하자. 생성형 AI를 쓰면 내 브랜드 톤에 딱 맞는 배경을 무한으로 찍어낼 수 있다. 단, 그냥 아무 말이나 넣으면 엉뚱한 그림이 나온다. 내가 운영하는 SaaS 썸네일 배경으로 쓰는 실전 프롬프트 전략을 공개한다.
텍스트 가독성을 위해 ‘초점 흐림’ 효과 주기
AI가 뽑아낸 이미지는 화려하다. 하지만 그 위에 글자를 올리면 잘 안 보인다. 이때는 피그마의 ‘Blur’ 기능을 쓴다. 레이어 하나를 복사해서 흐리게 만든 뒤 텍스트 뒤에 깔거나, 이미지 전체를 살짝 흐리게 처리하자. 배경은 인물이나 사물이 뭉개진 느낌이 들 정도로만 처리하면 텍스트가 확 튀어 나온다.
브랜드 톤앤매너에 맞는 스타일 프롬프트 예시
나는 주로 미드저니(Midjourney)를 쓴다. 단순히 “office background”라고 치면 촌스러운 사무실 사진이 나온다. 대신 스타일을 구체화해야 한다.
Minimalist workspace, soft lighting, pastel color palette, macro shot of desk setup, 8k resolution, photorealistic –no people, text, clutter
이 프롬프트는 ‘사람 없이’, ‘텍스트 없이’, ‘깔끔한 파스텔 톤의’ 사무실 배경을 뽑아낸다. AI 썸네일 무료 템플릿에 이렇게 뽑은 배경을 깔면 유료 사진 못지않은 퀄리티가 나온다. 프롬프트 뒤에 ‘–no text’를 꼭 붙여라. AI가 배경에 이상한 글자를 그려놓으면 곤란하니까.
구글 검색 결과에 클릭을 부르는 텍스트 배치법
이제 그림은 준비됐다. 여기에 무슨 글을 어디에 넣을지가 승패를 가른다. 구글 SEO와 클릭률(CTR)에 직결되는 ‘시선 이동 경로(Pattern Interrupt)’를 적용해야 한다.
F자형 시선 패턴을 활용한 레이아웃
사람들은 웹페이지를 볼 때 F자 모양으로 시선을 움직인다. 썸네일도 마찬가지다. 위에서 아래로, 왼쪽에서 오른쪽으로 읽는다. 가장 중요한 키워드나 제목은 위쪽에 크게, 구체적인 이점이나 호기심을 유발하는 문장은 아래쪽에 배치하자. 텍스트는 두 줄이면 충분하다. 세 줄부터는 안 읽는다.
검색 의도를 정확히 찌르는 키워드 넣기
썸네일의 핵심 기능은 사용자의 검색 의도를 시각적으로 즉각 확인시켜 주는 것이다. 내가 “블로그 수익”을 검색했다면 썸네일에 대뜸 “여행 사진”만 있으면 클릭 안 한다. 대신 “수익 인증서”, “광고비”, “월 500만 원” 같은 단어가 보여야 한다. 사용자가 검색창에 친 단어가 썸네일에 그대로 보여야 신뢰가 생긴다.
블로그 최적화 사이즈로 저장하는 꿀팁
예쁘게 만들어놓고 사이즈를 잘못 저장해서 다시 만드는 불상사를 겪지 마라. 블로그 플랫폼마다 추천 해상도가 다르다.
티스토리/워드프레스 추천 해상도 (1200×630)
대부분의 블로그와 링크드인, 페이스북 공유 미리보기에 최적화된 사이즈는 1200×630 픽셀이다. 피그마 캔버스 설정에서 처음부터 이 사이즈로 맞추고 작업하자. 이 비율이 깨지면 썸네일이 잘리거나 여백이 생겨 엉망이 된다.
용량은 줄이고 퀄리티는 유지하는 내보내기 설정
이미지 용량이 너무 크면 블로그 로딩 속도가 느려진다. 구글 SEO에도 악영향을 준다. 내보내기 할 때 ‘Scale’ 옵션을 2x나 3x 정도로 조절하자. 용량은 200kb~300kb 사이가 가장 적당하다. 너무 눌러서 저장하면 글자가 깨지니 주의한다.
썸네일 제작, 이제 시작해 보세요
복잡한 원칙은 다 잊었다. 오늘 배운 템플릿 하나, 프롬프트 하나만 가지고 당장 썸네일을 만들어 보자.
오늘 당장 시도해 볼 수 있는 10분 미션
발행 미뤄둔 글 하나를 꺼내라. 피그마 켜고 무료 템플릿 하나 올린 뒤, 제목만 바꿔서 저장해 보자. 10분이면 충분하다. 이 딱 한 번의 경험이 당신의 발행 루틴을 완전히 바꿔놓을 것이다.
더 다양한 이미지가 필요하다면 figgoing 활용하기
가끔은 사진적인 배경보다 귀여운 캐릭터가 시선을 사로잡을 때가 있다. 그럴 땐 ‘figgoing’ 같은 AI 피규어 생성 툴을 써보자. 내 얼굴을 캐릭터로 만들어 썸네일에 넣으면 친근감도 생기고 클릭률도 오른다. 블로그 썸네일 제작은 도구의 싸움이 아니라 얼마나 빨리 ‘완료’로 만드냐의 싸움이다.
이 글의 내용을 도구로 바로 쓰고 싶다면
사진 한 장 또는 텍스트 한 줄로 귀여운 3D 피규어 이미지를 만드는 이미지 생성 서비스 — 제가 직접 만들어 운영 중인 figgoing에서 바로 해볼 수 있습니다.
이 블로그의 글도 매일 아침 AI 파이프라인이 자동 발행합니다. 어떻게 만들었는지 궁금하다면 포트폴리오를 구경해 보세요.
포토샵 없이 무료로 썸네일을 만들 수 있나요?
네, 피그마(Figma)와 카파 같은 웹 기반 무료 툴만으로도 충분합니다. 유료 사이트 구독 없이도 고퀄리디자인을 뽑아낼 수 있으니 비용 걱정은 하지 않으셔도 됩니다.
디자인 감각이 없어도 그럴싸한 썸네일을 만들 수 있나요?
색상을 3가지로 제한하고, 텍스트는 고대비로 처리하는 등 기본 원칙만 지키면 감각 없이도 전문적으로 보입니다. 복잡한 원론보다는 시각적 혼란을 줄이는 규칙을 따르세요.
썸네일 제작 시간을 10분 이내로 줄이는 방법은?
피그마 커뮤니티에서 검증된 무료 템플릿을 가져와 내용만 덧씌우는 게 핵심입니다. 자주 쓰는 구성요소는 ‘Assets’에 저장해두면 매번 새로 만들 필요가 없어 시간을 크게 단축할 수 있습니다.
AI로 썸네일 배경 이미지를 만들 때 가독성을 높이는 팁은?
텍스트가 안 보이지 않도록 이미지 위에 흐림 효과(Blur)를 주거나 ‘–no text’ 프롬프트를 사용해 배경에 글자가 생기지 않게 하세요. 미드저니 스타일 프롬프트를 활용하면 브랜드 톤에 맞는 깔끔한 배경을 뽑을 수 있습니다.
완벽한 디자인이 안 돼도 바로 발행해도 되나요?
1인 크리에이터에게는 완벽보다 ‘완료’가 훨씬 중요합니다. 퀄리티가 80점이라도 일단 발행해야 데이터가 쌓이고 피드백을 받을 수 있으니 미루지 말고 올리는 게 좋습니다.