블로그 썸네일 만드는 법 2026 클릭률 올리는 체크

썸네일은 예쁜 사진이 아니라, 작은 화면에서 3초 안에 “이게 뭐지”가 읽히는 설계다. 검색 목록과 블로그 홈피드에서 제목 다음으로 클릭을 가르는 요소는 블로그 썸네일, 즉 대표사진이다. 글 내용이 같아도 대표사진만 바꾸면 반응이 크게 달라지는 경우가 있다. 유입을 늘리려면 디자인 감각보다 잘림·가독성·한 줄 메시지를 먼저 잡아야 한다.

이 글에서는 2026년 기준으로 비율의 함정, 6~12자 텍스트 규칙, 잘 되는 소재와 컬러, 미리캔버스·캡컷·포토피 초보 순서, 좋은 예와 나쁜 예, 글 종류별 템플릿, 에디터에서 대표사진을 지정하는 방법까지 한 번에 정리한다. 홈피드용은 궁금증이, 검색용은 내용이 한눈에 보여야 한다. 사진 파일명과 ALT에 핵심어를 넣는 방법도 짧게 squats 짚는다.

목차

• 썸네일이 제목 다음으로 클릭을 가르는 이유
• 비율의 함정, 1대1로 잘려도 주제가 남는가
• 텍스트 규칙 6~12자와 대비
• 잘 되는 소재와 대표색 1~2개
• 미리캔버스·캡컷·포토피로 만드는 법
• 좋은 예 vs 나쁜 예, 글 종류별 템플릿
• 에디터 지정과 파일명·ALT

썸네일이 제목 다음으로 클릭을 가르는 이유

독자는 검색 결과와 피드에서 글을 읽기 전에 제목과 작은 미리보기 이미지를 같이 본다. 제목이 질문을 던지면 썸네일은 그 질문에 대한 힌트를 한 장면으로 보여 줘야 한다. 제목과 썸네일이 같은 문장을 반복하면 정보가 늘지 않고, 서로 다른 이야기를 하면 신뢰가 깨진다. 역할이 나뉘어야 클릭이 난다.

실무에서 같은 글을 두고 대표사진만 교체해 보면, 노출 위치는 비슷한데 클릭 반응만 갈리는 경우가 있다. 순위가 그대로인데 클릭률만 움직이면 제목·썸네일 쪽을 먼저 의심하는 편이 맞다. 반대로 순위가 낮은데 썸네일만 화려하게 바꿔도 한계가 있다. 썸네일은 유입을 가르는 스위치이지, 글의 품질을 대신하지는 않는다.

채널마다 보는 상황이 다르다. 홈피드·추천 영역은 감정이나 궁금증이 먼저 읽히고, 검색 결과는 “이 글이 내가 찾는 내용인가”가 한눈에 보여야 한다. 후기 글은 실물이, 정보 글은 숫자나 결과가, 리스트 글은 순서가 먼저 보여야 한다. 예쁜 풍경만 올리면 주제가 사라져 클릭이 줄어든다.

구글 디스커버와 소셜 공유 미리보기는 큰 이미지를 선호하는 편이다. 공식 안내에서는 가로 1200픽셀 이상, 해상도가 충분한 이미지를 권하고, 로고만 있는 그림이나 글자가 가득 찬 이미지를 대표 이미지로 지정하는 방식은 피하라고 본다. 클릭베이트처럼 본문과 다른 장면을 넣으면 체류와 재방문이 같이 무너질 수 있다.

비율의 함정, 1대1로 잘려도 주제가 남는가

초보가 가장 많이 놓치는 지점이 비율이다. 가로로 길게 만든 16:9 사진이 PC에서는 괜찮아 보여도, 네이버 검색·블로그 홈·일부 모바일 목록에서는 가운데가 정사각형(1:1)으로 잘리는 경우가 많다. 얼굴이 가장자리에 있고 글자가 좌우에만 있으면, 잘린 뒤에는 배경만 남는다.

그래서 작업 순서는 “한 장으로 모든 화면을 커버한다”가 아니라 “잘려도 주제가 남는 안전 구역을 먼저 잡는다”다. 16:9나 1.91:1(대략 1200×628, 공유·오픈그래프에 자주 쓰는 크기)로 만들되, 중요한 얼굴·숫자·짧은 글자는 중앙 정사각형 안에 둔다. 가장자리에서 대략 10% 안쪽을 안전 구역으로 보면 된다.

용도	자주 쓰는 비율	작업 시 주의
검색·모바일 목록	1:1로 잘리는 경우 많음	주제·글자를 정중앙에
유튜브·가로 영상 커버	16:9 (예: 1280×720)	하단 시간 표시 자리를 비움
블로그 공유·OG 이미지	약 1.91:1 (1200×628 전후)	가로 1200px 이상 권장
구글 디스커버 대형 이미지	16:9, 가로 1200px 이상	글자 가득한 장 비추천

한 장만 만들 시간이 없으면 16:9로 작업하고, 미리보기에서 정사각형 크롭을 강제로 적용해 본다. 잘린 화면에서도 숫자와 한 줄이 보이면 통과다. 가로 150픽셀 정도로 줄여도 주제가 보여야 한다. 큰 모니터에서만 예쁜 이미지는 모바일 목록에서 죽는다.

네이버와 구글, 카카오 공유, 스레드·엑스 미리보기는 잘리는 위치가 조금씩 다르다. 모든 비율을 따로 만드는 것이 이상적이지만, 초보는 마스터 한 장(가로 1200px 이상) + 중앙 안전 구역이면 실무 효율이 좋다. 플랫폼마다 다른 장을 쓰기 시작하면 관리 비용이 바로 올라간다.

텍스트 규칙 6~12자와 대비

썸네일 글자는 제목을 복붙하는 자리가 아니다. 제목이 긴 질문을 담당하고, 이미지 안 글자는 명사구 하나면 충분하다. 한글 기준 6~12자, 단어 3개 이하가 실무에서 읽히기 쉽다. “클릭률 올리는 체크”, “중앙만 남겨라”, “숫자부터 확인”처럼 한 메시지만 남긴다.

글자를 이미지 전체에 가득 채운 장은 작은 화면에서 회색 덩어리로 보인다. 구글 쪽 이미지 안내에서도 텍스트가 과도한 대표 이미지는 피하라고 본다. 굵은 고딕(제목체)을 쓰고, 배경과 글자 대비를 강하게 잡는다. 어두운 배경에 노란·흰 글자, 또는 단색 배경에 검정 글자가 기본이다. 흐린 파스텔 위에 회색 글자는 모바일에서 거의 안 읽힌다.

• 한 장에 메시지 1개. 부연 설명은 제목과 본문이 담당한다.
• 숫자·연도·비교(A vs B)는 글자보다 크게 그린다.
• 얇은 명조·필기체는 축소되면 선이 끊긴다.
• 외곽선이나 반투명 박스를 쓰면 복잡한 사진 위에서도 버틴다.
• 제목 문장 전체를 이미지에 다시 쓰지 않는다.

완성 후 필수 점검이 있다. 스마트폰을 팔 길이만큼 떨어뜨리거나, 파일 미리보기를 작게 줄여 3초만 본다. “이게 무슨 글이지”가 바로 안 나오면 글자를 줄이거나 피사체를 키운다. 예쁜지보다 먼저 읽히는지를 기준으로 둔다.

잘 되는 소재와 대표색 1~2개

클릭이 나는 소재는 대체로 구체적이다. 직접 찍은 결과물, 손과 서류, 화면 캡처, 비포·애프터, 실물 비교가 스톡 풍경보다 주제를 빨리 전달한다. 스톡 이미지는 개성과 신뢰가 동시에 떨어지기 쉽다. 같은 카페 사진, 같은 노트북 각도가 검색 목록에 반복되면 내 글이 묻힌다.

라이프·후기 글만 표정 있는 얼굴을 한 장 쓰는 편이 안전하다. 눈을 상단에 두면 1:1 크롭에도 얼굴이 남는다. 금융·행정·정보 글은 과장된 표정과 붉은 충격 스티커보다 표·숫자·체크·계산 결과가 낫다. 허위 가격·확인되지 않은 수익률을 이미지에 크게 쓰는 것은 클릭은 나와도 이탈이 빠르다.

컬러는 블로그 대표색 1~2개로 시리즈를 통일한다. 정보형은 네이비·차콜에 노란 강조, 후기형은 실사 위에 한 색 박스만 얹는 식이면 충분하다. 색이 네 가지를 넘으면 브랜드가 아니라 템플릿 scrap으로 보인다. 한 장에 요소는 주제 + 배경 + 짧은 글자, 최대 3개로 제한한다. 네 번째 아이콘·로고·화살표는 빼는 쪽이 읽힌다.

홈피드용과 검색용을 굳이 나누면 이렇다. 홈피드는 “결과가 어떻게 달라졌나” 같은 감정·궁금증, 검색용은 “2026 금액표”, “신청 기간”처럼 내용이 한눈에 보이게 한다. 같은 글이라도 유입 경로가 다르면 대표사진을 바꿔 실험할 가치가 있다. 다만 본문과 다른 약속을 이미지에 쓰면 안 된다.

미리캔버스·캡컷·포토피로 만드는 법

초보 기준 기본 툴은 미리캔버스(Canva)다. 캡컷은 영상 프레임을 그대로 쓸 때, 포토피(Photopea)는 포토샵 파일이 있거나 누끼·레이어가 필요할 때 쓴다. 세 툴 모두 브라우저 또는 앱으로 시작할 수 있다. 유료 요소가 섞인 템플릿은 다운로드 단계에서 막히는 경우가 있으니, 무료 요소인지 먼저 확인한다.

미리캔버스 초보 순서

1. 디자인 만들기에서 사용자 지정 크기를 연다. 공유·검색용은 1200×628 또는 1200×630, 네이버 목록을 최우선하면 1080×1080이나 960×960도 함께 복제한다.
2. 배경은 단색 또는 흐린 사진 한 장만 둔다. 사진이 복잡하면 어둡게 오버레이를 깐 뒤 글자를 올린다.
3. 그리드나 안내선을 켜고 중앙 정사각형을 머릿속으로 그린다. 얼굴과 숫자는 그 안에만 둔다.
4. 제목 텍스트를 추가하고 6~12자로 줄인다. 굵은 산세리프, 고대비, 필요하면 외곽선만 얇게 넣는다.
5. 축소 미리보기로 확인한 뒤 JPG로보낸다. 웹용은 용량이 작은 JPG가 부담이 적다. 투명 배경이 필요하면 PNG.

템플릿을 쓸 때는 “예쁜 카드뉴스”보다 “큰 숫자 + 빈 배경”형을 고른다. 장식이 많은 템플릿은 글자를 줄여도 잔선이 남아 주제가 흐려진다. 시리즈 글을 쓸 계획이면 배경색·글꼴·숫자 위치만 고정한 내 템플릿을 하나 저장해 둔다. 이후에는 사진과 한 줄만 갈아끼우면 30분 안에 끝나는 경우가 많다.

캡컷으로 쓸 때

후기 영상이나 화면 녹화본이 있으면 캡컷이 빠르다. 타임라인에서 결과가 가장 잘 보이는 프레임을 고르고, 텍스트 오버레이를 크게 올린 뒤 이미지로 보낸다. 비포·애프터는 화면을 좌우 또는 상하로 나누면 된다. 영상 UI(시간, 좋아요 아이콘)가 같이 찍히지 않게 잘라 낸다. 블로그용은 16:9 프레임을 기준으로 만들고, 다시 정사각형 크롭을 한 번 확인한다.

포토피(Photopea)로 쓸 때

포토피는 브라우저에서 돌아가는 무료 편집기다. 새 프로젝트에 가로·세로 픽셀을 입력하고, 사진을 연 다음 텍스트 레이어를 올린다. 글자 레이어에 스트로크(외곽선)와 그림자를 주면 복잡한 사진 위에서도 버틴다. 누끼가 필요하면 선택 도구로 피사체만 남긴다.보내기는 JPG/PNG. 포토샵 PSD를 받아 수정할 때도 경로가 짧다. 초보에게는 미리캔버스보다 버튼이 많으니, “캔버스 크기 → 사진 → 텍스트 → 대비 →보내기”만 반복하면 된다.

툴	초보에게 맞는 상황	주의
미리캔버스	정보형·시리즈 템플릿	유료 요소 섞임, 글자 과다 템플릿
캡컷	영상·화면 녹화 후기	UI가 같이 찍힌 프레임
포토피	누끼·PSD·세밀한 크롭	메뉴가 많아 시간이 늘 수 있음

좋은 예 vs 나쁜 예, 글 종류별 템플릿

좋은 예와 나쁜 예는 “예쁜가”가 아니라 “축소해도 주제가 남는가”로 가른다. 아래 세 세트는 실제로 많이 하는 실수와 수정 방향이다. 숫자는 예시 구도일 뿐, 특정 클릭률을 보장하지 않는다.

세트	나쁜 예	좋은 예
정보형	제목 문장 전체 + 작은 표 + 로고	큰 숫자 하나 + 짧은 명사 + 단색 배경
후기형	흐린 매장 전경 + 작은 글씨 후기	실물·손·결과 화면 + 한 줄
리스트형	항목 7개를 이미지에 모두 적음	“1위” 또는 “7가지”만 크게, 나머지는 제목

글 종류별 템플릿을 고정해 두면 제작 속도가 붙는다. 정보형은 화면의 30% 이상을 숫자에 주고, 후기형은 실사 비율을 높이며 글자는 한 줄, 리스트형은 순위나 개수만 강조한다. 비교 글은 A vs B를 좌우로 나누되 “승자” 문구는 넣지 않는다. 일정·가격·조건 글은 확인된 핵심 숫자 하나만 남긴다.

반복해서 보면 나쁜 예의 공통점은 요소가 많다는 것이다. 로고, 화살표, 해시태그, 긴 문장, 작은 아이콘이 한 장에 모이면 모바일에서는 아무것도 안 읽힌다. 좋은 예는 비워 둔 공간이 있다. 빈 공간이 사치가 아니라 가독성이다.

시리즈를 운영한다면 위치도 고정한다. 숫자는 항상 왼쪽, 사진은 오른쪽, 글자는 하단 중앙처럼 규칙을 정한다. 독자가 블로그 이름을 몰라도 “이 블로그 장”이라는 느낌이 생기면 홈피드에서 재클릭이 난다. 반대로 글마다 템플릿이 바뀌면 검색에는 나와도 브랜드로 안 쌓인다.

에디터 지정과 파일명·ALT

플랫폼마다 대표사진 지정 위치가 다르다. 네이버 블로그는 글을 쓰면서 사진을 올린 뒤, 대표로 쓸 이미지의 표시를 눌러 지정한다. 지정하지 않으면 먼저 올린 사진이 자동으로 잡히는 경우가 많다. 본문 맨 위 사진과 대표사진이 달라도 된다. 목록에 나갈 장은 썸네일용, 본문 첫 장은 설명용으로 나눠도 된다.

구글 블로그스팟(Blogger)은 테마에 따라 차이가 있다. 별도 대표 이미지 칸이 없는 테마에서는 글 안에 들어간 첫 이미지가 목록·검색 썸네일로 쓰이는 경우가 많다. 따라서 썸네일용 이미지를 본문 상단에 올리되, 장식용 작은 아이콘을 그보다 앞에 두지 않는 것이 안전하다. 테마에 추천 이미지·featured 입력이 있으면 그 칸에 1200px 이상 장을 넣는다.

공유 미리보기(오픈그래프)는 사이트 설정이나 테마가 어떤 이미지를 고르는지에 따라 갈린다. 가능하면 글의 주제를 대표하는 한 장을 지정하고, 로고 단독 이미지는 피한다. 구글 검색·디스커버는 페이지와 관련된 큰 이미지를 고르라고 안내한다. 본문과 무관한 자극 이미지는 정책·신뢰 면에서 모두 손해다.

파일명과 ALT는 검색과 접근성용이다. 파일명을 IMG_3920.jpg로 두지 말고, 핵심어가 자연스럽게 들어가게 바꾼다. 예: blog-thumbnail-center-safe-2026.jpg. ALT는 “~이미지”로 끝내지 않고, 화면에 보이는 내용을 한 문장으로 적는다. 예: “중앙 정사각형 안에 숫자를 배치한 블로그 썸네일”. 핵심어를 한 번만 넣고 나열하지 않는다.

용량도 실무 포인트다. 지나치게 큰 원본을 그대로 올리면 모바일 로딩이 느려진다. 가로 1200~1600px 전후, JPG 품질을 적당히 낮춰도 목록에서는 차이를 못 느끼는 경우가 많다. 선명한 글자 때문에 PNG를 쓸 때는 용량을 한 번 확인한다. 빠른 목록일수록 이미지가 늦게 뜨면 클릭 전에 스크롤이 지나간다.

발행 후 점검은 단순하다. 실제 검색 결과, 블로그 홈, 모바일 공유 카드에서 잘린 화면을 캡처한다. 글자가 잘렸으면 중앙으로 옮기고, 주제가 안 보이면 피사체를 키운다. 같은 글도 썸네일만 바꿔 반응을 보는 실험은 제목을 바꾸는 실험만큼 가치가 있다. 다만 본문이 약한 글을 썸네일로만 끌어올리는 전략은 오래가지 않는다.

자주 묻는 질문

블로그 썸네일은 몇 대 몇으로 만들어야 하나요?

한 장으로 모든 화면을 완벽하게 맞추기는 어렵다. 공유·검색용은 가로 1200픽셀 전후의 가로형(16:9 또는 약 1200×628)으로 만들고, 중요한 얼굴과 글자는 중앙 정사각형 안에 두면 1:1로 잘려도 주제가 남는다. 네이버 목록만 최우선이면 1:1 정사각을 따로 복제해도 된다.

미리캔버스만으로 충분한가요?

초보와 정보형 블로그에는 미리캔버스로 충분한 경우가 많다. 영상 프레임을 쓸 때는 캡컷, 누끼나 PSD가 있을 때는 포토피가 보완 도구다. 툴보다 메시지 한 줄과 중앙 구도가 클릭을 가른다.

스톡 사진 썸네일도 클릭이 나나요?

나오기도 하지만, 같은 사진이 여러 글에 반복되면 개성과 신뢰가 떨어진다. 가능하면 직접 찍은 결과물·화면·손을 쓰고, 스톡을 쓸 때는 크롭과 단색 오버레이로 다른 글과 겹치지 않게 바꾼다.

썸네일만 바꾸면 유입이 늘어나나요?

같은 글에서 대표사진만 바꿨을 때 클릭 반응이 크게 달라지는 경우는 있다. 다만 순위·제목·본문 품질과 분리해서 단정할 수는 없다. 검색 콘솔에서 순위는 비슷한데 클릭률만 낮다면 썸네일과 제목을 같이 점검하는 편이 맞다.

정리

블로그 썸네일은 예쁜 사진 콘테스트가 아니다. 작은 화면에서 3초 안에 주제가 읽히면 통과다. 16:9로 만들되 중앙 1:1을 지키고, 글자는 6~12자·한 메시지·강한 대비로 줄인다. 소재는 실물과 숫자, 색은 대표색 1~2개면 충분하다.

초보는 미리캔버스에서 크기만 맞춘 뒤 템플릿을 비우는 연습부터 하면 된다. 발행 후에는 검색·홈·공유 화면에서 잘린 모습을 확인하고, 파일명과 ALT에 핵심어를 한 번만 넣는다. 다음 글 발행 전에 지금 대표사진을 가로 150픽셀로 줄여 보고, 주제가 안 보이면 그 장부터 다시 만들면 된다.