쿠팡 상세페이지 GIF 넣는 법, WebP로 움직이는 이미지 올리기
안녕하세요, 상세뚝딱팀입니다. 다른 판매자의 쿠팡 상세페이지에서는 제품이 움직이는데, 내 상세페이지에는 GIF를 올리려고 하면 올라가지 않는 경험을 하신 분들이 많습니다. HTML이나 소스코드를 건드리자니 어렵고, 유튜브 영상을 넣자니 고객이 직접 눌러야 재생되어서 효과를 기대하기 어렵습니다. 이 글에서는 쿠팡 상세페이지에 움직이는 이미지를 넣을 때 자주 언급되는 대안인 WebP 형식을 중심으로, 움직이는 이미지 형식의 차이, 상세뚝딱으로 만들고 저장하는 순서, 업로드 후 확인할 점, 문제가 생겼을 때의 대처까지 정리했습니다. (쿠팡의 지원 형식과 등록 화면은 바뀔 수 있으므로, 이 글의 내용은 일반적인 안내이며 등록 전에 쿠팡 판매자 도구의 최신 안내를 꼭 확인해 주세요.)
1. 왜 GIF가 안 올라갈까, 그리고 WebP는 무엇일까
판매자 커뮤니티에서는 쿠팡 상세설명 이미지 등록 화면에서 GIF를 올리면 지원하지 않는 파일이라는 안내가 나온다는 이야기가 자주 나옵니다. 그 대안으로 WebP가 많이 언급됩니다. WebP는 정지 이미지와 움직이는 이미지를 모두 담을 수 있는 웹용 이미지 형식으로, 같은 내용이라면 GIF보다 용량이 작은 경우가 많습니다. 다만 어떤 형식을 받는지는 등록 화면마다 다르고 정책은 언제든 바뀔 수 있으니, 아래 비교는 일반적인 특징으로만 참고하세요.
2. 어디에 쓰면 효과적일까
움직이는 이미지는 모든 구간에 넣을 필요가 없습니다. 정지 이미지로는 전달하기 어려운 장면에만 넣으면 효과가 큽니다.
특히 제품 사용 장면, 전·후 비교, 사용법 설명처럼 "움직임 자체가 정보"인 구간에 잘 맞습니다. 반대로 사양표나 배송·교환 안내처럼 정확히 읽어야 하는 구간에는 움직임이 오히려 방해가 될 수 있습니다. 한 페이지에서 움직임은 한두 곳으로 제한하는 것을 권합니다.
3. 상세뚝딱으로 쿠팡용 움직이는 이미지 만들기
전체 흐름은 아래와 같습니다. 이미지나 영상을 준비하고, 쿠팡 권장 너비에 맞추고, 문구를 정리하고, 애니메이션을 적용한 뒤 WebP로 저장해 업로드하는 순서입니다.
1단계. 재료와 가로 너비 정하기
상세뚝딱 에디터에서 상세페이지를 열거나 템플릿으로 새로 만듭니다. 쿠팡에 올릴 이미지라면 다운로드 화면에서 쿠팡을 선택했을 때 저장되는 권장 너비인 780px을 기준으로 생각하면 됩니다. 판매 중인 상세페이지의 너비가 다르다면 그 너비에 맞춰 작업하는 편이 더 보기 좋습니다. 다운로드 화면에서는 "너비 직접 지정"으로 숫자를 입력할 수도 있습니다.
2단계. 문구와 디자인 정리하기
움직이는 원본에 가리고 싶은 문구나 외국어가 있다면 에디터에서 해당 부분을 디자인으로 덮거나 문구를 바꿔 정리합니다. 텍스트는 더블클릭해 바로 수정하고, 필요한 섹션은 "+ 페이지 추가"로 늘리고, 컬러/폰트 일괄 변경으로 톤을 맞출 수 있습니다. 이미지 속 중국어를 지워야 한다면 AI 탭의 "중국어 제거" 기능을 활용할 수 있습니다. 다만 실제 상품과 다르게 보이는 수정은 피하세요.
3단계. 애니메이션 적용하기
에디터 오른쪽 위의 애니메이션 모드로 들어가면 왼쪽에 애니메이션 패널이 열리고, 아래에는 시간 흐름을 보여주는 타임라인이 나타납니다.
패널의 AI 애니메이션 적용 버튼을 누르면 선택한 페이지에 모션을 적용할 수 있고, 요소를 선택하면 적용된 모션을 미리 볼 수 있습니다.
4단계. WebP로 저장하기
움직이는 결과물은 GIF, MP4, WebP 형식으로 내보낼 수 있고, 형식에 따라 FPS와 품질 옵션을 조정할 수 있습니다. 쿠팡 등록 화면에서 WebP를 받는지 확인한 뒤 WebP를 선택해 저장하세요. 용량이 부담스럽다면 FPS와 품질을 낮추거나 움직임의 길이를 줄여 보세요.
5단계. 쿠팡에 올리기
쿠팡 판매자 도구(윙)의 상품 등록·수정 화면에서 상세설명 이미지를 등록하는 영역에 저장한 파일을 올립니다. 메뉴 이름과 경로는 바뀔 수 있으니 실제 화면의 안내를 따르세요. 업로드한 뒤에는 PC와 모바일 모두에서 재생되는지 확인하고, 바로 반영되지 않는다면 시간을 두고 다시 확인해 보세요. 반영에 시간이 걸릴 수 있다는 후기가 있습니다.
4. 업로드 전 점검 체크리스트
특히 글자는 움직이는 중에도 읽을 시간이 충분해야 합니다. 문구가 나타나자마자 사라지면 정보가 전달되지 않습니다. 가장 중요한 문구는 충분히 오래 머물도록 구성하세요.
5. 문제가 생겼을 때
업로드 자체가 안 될 때는 형식과 용량 제한부터 확인하고, 재생이 안 될 때는 저장 형식과 반영 시간을 확인합니다. 화질이 흐리다면 품질 옵션을 높이거나 더 선명한 원본으로 교체하세요. 어떤 경우든 쿠팡 판매자 도구의 최신 안내와 고객센터 안내가 기준입니다.
6. 정리: 오늘 바로 해볼 것
- 움직임이 필요한 장면 한두 곳 고르기(사용 장면, 전·후 비교, 사용법)
- 상세뚝딱에서 쿠팡 기준 너비(780px)로 상세페이지 준비하기
- 애니메이션 모드에서 모션 적용하고 미리보기 확인하기
- 올릴 화면이 지원하는 형식으로 저장하고, 업로드 후 PC·모바일에서 재생 확인하기
범용적인 움직임 제작 방법은 "상세페이지 GIF 만드는 법: 애니메이션 모드로 저장까지" 글에서 더 자세히 정리하고 있으니 함께 참고하세요.
마치며
움직이는 이미지는 장식이 아니라 정지 이미지로는 전달하기 어려운 정보를 보여주는 도구입니다. 지금 쿠팡 상세페이지를 열고 이렇게 물어보세요. 어느 구간에서 고객이 "어떻게 쓰는 거지?"라고 궁금해할까? 그 장면을 움직임으로 보여주면 더 빨리 이해될까? 올리려는 화면은 어떤 형식을 지원할까? 질문에 답할 수 있는 한두 곳에만 움직임을 더해도 상세페이지의 인상은 충분히 달라집니다.
