카페24 메인 배너 사이즈, PC · 모바일 따로 만들어야 할까요?
바꿈 · 2026-10-25 · 바꿈 커뮤니티
「카페24 메인 배너 사이즈가 어떻게 되나요?」 「PC용 · 모바일용을 따로 만들어야 하나요?」 사장님들이 가장 많이 묻는 질문 중 하나예요. 답은 쓰고 있는 디자인(스킨)이 어떤 구조인지에 따라 달라요. 먼저 그것부터 확인해 보세요. 1. 내 디자인은 어떤 구조일까요? 함께 쓰는 구조(반응형) · 배너 그림 한 장을 PC와 휴대폰이 같이 써요. 휴대폰에서는 그림이 화면 비율에 맞게 잘려 보여요. 따로 쓰는 구조 · PC 디자인과 모바일 디자인이 나뉘어 있어서, 배너도 따로 넣어요. → 가장 쉬운 확인법: 같은 배너를 PC와 휴대폰으로 열어 보세요. 같은 그림이 양옆만 잘려 보이면 함께 쓰는 구조예요. 2. 함께 쓰는 구조라면 — 글씨는 가운데에 한 장으로 두 화면을 다 맞춰야 해요. 휴대폰에서는 양옆이 잘려 나가요. 예를 들어 카페24 「몰리뉴얼」 스킨 안내에서는 PC 1920×650, 모바일 1024×1024를 권장하고, 로고 · 문구는 그림 가운데 60~70% 안에 두라고 해요. 용량은 5MB 이하를 권해요. → 그림을 만들 때 가운데에 네모를 하나 그려 두고, 글씨와 상품은 그 안에만 넣으세요. 3. 따로 쓰는 구조라면 — 휴대폰용을 새로 만들기 PC 배너를 그대로 줄여 쓰면 휴대폰에서 글씨가 너무 작아져요. → 휴대폰용은 세로를 조금 길게(정사각형에 가깝게) 만들고, 글씨는 PC용보다 크게 넣으세요. 4. 크기보다 중요한 것 숫자를 정확히 맞추는 것보다 휴대폰에서 글씨가 읽히는지가 더 중요해요. 배너 크기는 스킨마다 달라요. 관리자 화면에서 쓰는 스킨의 이미지 크기 안내를 꼭 확인하세요. 그림 용량이 크면 휴대폰에서 늦게 떠요. 같은 크기라도 용량은 작게 저장하세요. 한 줄 정리 · 먼저 내 디자인이 배너를 함께 쓰는지 따로 쓰는지 확인하고, 함께 쓰면 글씨는 가운데에, 따로 쓰면 휴대폰용을 새로 만드세요. 내 쇼핑몰이 어떤 구조인지 모르겠다면 바꿈에 디자인 요청으로 남겨 주세요. 구조 확인부터 배너 교체까지 도와드려요.