카페24 쇼핑몰 이미지 사이즈 가이드

카페24로 쇼핑몰을 운영하다 보면 상품이미지, 배너, 로고 등 다양한 위치에 맞는 이미지 사이즈를 따로따로 맞춰야 합니다. 잘못된 사이즈로 업로드하면 이미지가 잘리거나 흐릿하게 표시되어 쇼핑몰 전체 퀄리티가 떨어집니다. 이 글에서 카페24 기준 핵심 이미지 사이즈를 한눈에 정리했습니다.

카페24 이미지 사이즈 규격표

이미지 유형	권장 사이즈	파일 형식	비고
상품 대표이미지	1000 x 1000 px	JPG	정사각형 비율 유지
모바일 메인 배너	720 x 960 px	JPG	세로형(3:4)
PC 메인 배너	1920 x 700 px	JPG	와이드형
쇼핑몰 로고	400 x 100 px	PNG	투명 배경 권장
파비콘	32 x 32 px	ICO / PNG	브라우저 탭 아이콘
카테고리 이미지	300 x 300 px	JPG / PNG	테마에 따라 상이
상품 상세 이미지	860 px (가로)	JPG / PNG	세로 제한 없음

상품 대표이미지

카페24 상품이미지는 기본적으로 정사각형(1:1 비율)으로 표시됩니다. 1000 x 1000 px로 제작하면 줌인 기능도 선명하게 작동하고, 섬네일로 축소될 때도 품질이 유지됩니다.

최소 권장: 500 x 500 px (이 이하는 흐림 발생)
권장: 1000 x 1000 px
최대 용량: 카페24 기본 10 MB (호스팅 플랜에 따라 상이)
색상 모드: RGB

PC / 모바일 메인 배너

메인 배너는 PC와 모바일에서 표시 비율이 다르기 때문에 별도 제작하는 것이 가장 좋습니다.

PC 배너 (1920 x 700 px)

와이드 모니터(1920px) 기준으로 제작
핵심 텍스트와 이미지는 중앙 1200 px 안에 배치
양 끝 여백 구간은 단색 또는 배경 패턴으로 채우기

모바일 배너 (720 x 960 px)

스마트폰 세로형 비율(3:4)에 최적화
텍스트는 상단 또는 하단에 집중 배치
버튼과 CTA 문구는 손가락으로 터치하기 쉬운 위치에 배치

쇼핑몰 로고

로고는 쇼핑몰의 첫인상을 결정합니다. PNG 형식에 투명 배경을 사용하면 어떤 헤더 색상에도 자연스럽게 어울립니다.

항목	권장값
사이즈	400 x 100 px
형식	PNG (투명 배경)
해상도	72 dpi 이상
색상 모드	RGB

실무 팁

레티나 디스플레이 대응 — 고해상도 화면에서 선명하게 보이려면 실제 표시 사이즈의 2배로 제작하세요. 로고라면 800 x 200 px로 만들고 CSS에서 400 x 100 px로 지정합니다.
배너 텍스트 가독성 — 배너 위에 텍스트를 올릴 경우, 배경이 밝으면 어두운 텍스트, 배경이 어두우면 흰색 텍스트를 사용하세요.
파일 최적화 — JPG는 품질 80~85% 설정으로 저장하면 용량과 화질의 균형을 맞출 수 있습니다.
카테고리 이미지 — 사용하는 테마에 따라 정사각형 또는 직사각형 비율이 달라질 수 있으니 테마 미리보기에서 실제 표시 비율을 먼저 확인하세요.

이미지 준비 체크리스트

상품 대표이미지: 1000 x 1000 px, JPG
PC 배너: 1920 x 700 px, JPG
모바일 배너: 720 x 960 px, JPG
로고: 400 x 100 px, PNG (투명 배경)
색상 모드: 모두 RGB 확인
파일 용량: 각 이미지 10 MB 이하

원문 참고

공식 사이트: 카페24

카페24 공식 페이지 화면

resize.co.kr에서 한번에 변환하세요

이미지 한 장만 올리면 위의 모든 사이즈를 자동으로 변환해드립니다. 무료, 회원가입 없음, 서버 전송 없음.

resize.co.kr 바로가기 →