상세페이지 디자인 PC와 모바일 최적화 사이즈 어떻게 설정해야할까? (오픈마켓별 사이즈총정리)

 

상세페이지 디자인 PC와 모바일 최적화  사이즈는?

 

상세페이지를 제작할 때 가장 중요한 항목을 놓치기 쉬워요~!

 

그래서 오늘은! 

 

상세페이지 디자인 PC와 모바일에서 가독성 있게 보일 수 있도록 각 오픈마켓별 권장하고 있는 가로/세로 사이즈와 

평균적으로 이정도면 문제없겠다 싶은 사이즈 기준까지 꼼꼼히 알려드릴게요.

 

더불어 쉽게 확인할 수 있는 방법까지 같이 준비했으니 잘 따라오세요!

1. 각 판매사이트별 권장 사이즈

[스마트 스토어] [지마켓. 옥션] [쿠팡] [위메프] [11번가] [카페 24 쇼핑몰] 

 

 

이렇게 구분할 수 있습니다.

하지만 가끔씩 오픈마켓별 사이즈 기준이 변경되는 경우가 많기 때문에 중간중간 업데이트 소식이 없는지 확인을 해보시길 권해드려요~
PC 또는 모바일에서 상세페이지 이미지 사이즈에 대해 고민하시는 분들이 많은데요~

보통 오픈마켓들은 모바일 화면에서 자동으로 리사이징이 되기 때문에 기본적인 가이드라인만 맞추면 문제없이 보여요~
그렇기 때문에 각 사이트별로 기준에 맞게 업로드하셔야 합니다.

 

 

 

2. 다양한 상세페이지 사이즈 조금 더 쉽게 올릴 수 없을까? (평균 사이즈 템플릿을 이용한 제작 가이드)

 

미리 캔버스 바로가기 https://www.miricanvas.com/

디자인 플랫폼 미리캔버스

 

다양한 템플릿들을 활용할 수 있으니 사이즈를 정할 때 너무 어렵게 느껴진다면 이런 디자인 전문 템플릿 사이트의 사이즈 기준을 따라도 좋겠죠?

 

 

3. 저장 용량 체크하는 방법!

 

얼마 전 상세페이지 이미지 안에 동영상을 넣고 GIF로 변환하면서 용량에 관한 부분도 같이 알려드렸어요.

 

다양한 방법으로 용량을 조절할 수 있기 때문에 혹시라도 길이에 비해 용량이 너무 큰 경우가 있어요.

 

---

문제 1. 통 이미지로 저장하는 경우 

해결방안 : 여러 장으로 분할해서 올린다 (각 사이트별 최대 세로 길이를 참고해서 최대길이를 넘지 않도록 여러 장으로 분할) 

---

문제 2. 상세페이지 안에 gif 애니메이션 프레임이 너무 많아 용량이 커진 경우

 

해결방안 : 해당 영상 마지막 부분 용량 줄이는 방법을 참고한다.

(https://youtu.be/NvqV6 VaYk5 A)

---

 

보통 이두가지 경우가 대부분인데 이외에도 다양한 경우의 수가 있을 수 있지만 가장 많이 빈번하게 발생하는 경우를 예로 들어 봤어요.

오늘은 가장 기본적이지만 은근히 놓치기 쉬운 상세페이지 PC. 모바일 사이즈 설정에 관해 알아봤는데요.

 

많은 도움이 되셨으면 좋겠습니다^^