네이버 블로그·카페 배너 사이즈 만들기

확인일 2026년 10월 4일. 네이버 블로그·카페의 상단 배너(타이틀·커버) 이미지는 정확한 픽셀 규격을 못 박은 단일 공식 문서를 찾지 못했어요. 아래 값은 네이버 블로그 에디터의 화면 배치와 다수 디자인 가이드에서 공통으로 쓰이는 비공식 권장값이에요.

왜 스킨마다 크기가 다를까요

네이버 블로그는 "스킨"이라는 템플릿을 고르면 레이아웃이 통째로 바뀌어요. 타이틀 영역의 가로 폭은 PC 기준으로 보통 966px 전후를 많이 쓰지만, 스킨에 따라 높이가 50px짜리 얇은 띠부터 큰 사진형 커버까지 다양해요. 그래서 "공식적으로 정해진 하나의 숫자"가 없고, 내가 고른 스킨의 미리보기 화면에서 실제 크기를 확인하는 게 가장 정확해요.

만드는 순서

1. 블로그 관리 → 꾸미기 설정 → 스킨 선택에서 현재 쓰는 스킨의 타이틀 영역 크기를 먼저 확인해요.
2. 배너 만들기에서 확인한 가로·세로 크기(예: 966×50 또는 1200×600)로 캔버스를 설정해요. 이 도구는 유튜브 배너용이지만 안전 영역 가이드와 자유 크기 조절 기능을 블로그·카페 배너 제작에도 그대로 활용할 수 있어요.
3. 중요한 글자나 로고는 화면 가운데 70% 안에 배치해요. 모바일에서는 양옆이 잘려 보이는 경우가 많아요.
4. 완성한 이미지를 블로그 관리 화면에서 업로드하고, PC와 모바일 양쪽에서 미리 확인해요.

PC와 모바일, 두 번 확인하세요

블로그 배너의 가장 흔한 문제는 PC에서는 예쁘게 보이는데 모바일에서는 잘리거나 다르게 보이는 거예요. 네이버 블로그 모바일 화면은 PC와 비율이 다르게 표시되는 경우가 많아서, 같은 이미지를 올려도 모바일 커버에서는 다른 영역이 보여요. 완성 후에는 꼭 모바일 웹이나 앱으로 내 블로그를 열어 실제로 어떻게 보이는지 확인하세요.

네이버 카페 대표이미지는 또 달라요

네이버 카페의 대표이미지(카페 아이콘처럼 쓰이는 이미지)는 블로그 타이틀 배너와 별개예요. 카페는 정사각형 비율을 쓰는 경우가 많아서, 로고나 심볼을 가운데 배치한 정사각형 이미지를 준비하면 무난해요. 블로그와 카페를 같이 운영한다면 각각 다른 비율의 이미지를 따로 준비해야 해요.

좋은 예 vs 나쁜 예

• 좋은 예: 스킨의 실제 타이틀 영역 크기를 미리 확인하고 그 크기로 제작
• 나쁜 예: 다른 블로그에서 본 "표준 크기"를 그대로 가져와서 내 스킨과 안 맞음
• 좋은 예: PC와 모바일 양쪽에서 미리보기로 확인 후 업로드
• 나쁜 예: PC에서만 확인하고 올려서 모바일에서 글자가 잘림

흔한 실수

• 옛 버전(이전 스킨) 기준의 크기를 그대로 써서 현재 스킨과 안 맞아요.
• 로고나 글자를 이미지 가장자리에 둬서 모바일 크롭에서 잘려요.
• 용량이 너무 커서 블로그 로딩 속도가 느려져요. 1~2MB 안으로 압축하는 걸 추천해요.
• 카페와 블로그의 대표이미지 비율을 혼동해서 같은 이미지를 그대로 재사용해요.

체크리스트

• 내 스킨의 실제 타이틀 영역 크기를 확인했나요?
• 중요한 내용이 가운데 70% 안에 있나요?
• PC와 모바일 양쪽에서 미리 확인했나요?
• 용량을 1~2MB 안으로 줄였나요?

블로그·카페 배너는 "정해진 하나의 정답"보다 내가 쓰는 스킨에 맞춰 확인하는 과정이 더 중요해요. 미리보기로 두 번 확인하는 습관만 들이면 어긋나는 일이 크게 줄어요.

자주 묻는 질문