GIF, 상세페이지, 썸네일, 그리고 허용 용량까지 다 알려드립니다.
안녕하세요. 구독자님들, 사업을 꿈꾸는 예비 사업가 다구몬입니다.
오늘은 온라인으로 상품을 판매하시거나 혹은 이커머스 디자이너로 근무하고 계시는 분들이라면, 꼭 한번 들어봤을 그 단어 바로, "오픈마켓"에 대한 주제를 들고 포스팅 진행을 하려고 합니다.
오픈마켓은 말 그대로 "상품을 구매하거나 판매를 할 수 있는" 거레 공간으로 온라인 전자상거래 플랫폼을 이야기합니다. 대표적으로는 위메프, 쿠팡, 11번가, 네이버 스마트 스토어 등 온라인에서 거래를 하여 구입할 수 있는 경로를 의미합니다.
하지만, 우리가 알아야 할 점은
특히, 제일 중요한 상세페이지와 썸네일은 쇼핑 플랫폼마다 사이즈에 대한 차이점과 용량의 제한을 가지고 있습니다. 페이지를 디자인하기 전에 꼭! 쇼핑 플랫폼의 사이즈에 맞게 업로드하는 것이 매우 매우 중요합니다. (자칫, 사이즈를 내 마음대로 했다가 이미지 화질이 깨지거나 글이 이상하게 보이거나 등등 제품에 대한 매력도가 현저히 떨어지게 되는 대참사가 발생하게 됩니다.)
상세페이지: 제품 설명서, 소비자를 설득하고 매력점을 표출해야 하는 중요 페이지
상세페이지는 말 그대로 소비자에게 제품의 디테일적인 부분을 보여주고, 상품을 소개하기 위한 상품 설명서와 같은 존재입니다. 이 안에서 소비자를 설득시키고 사고 싶게 만들어 내야 하는 가장 중요한 페이지라고 해도 무관할 정도입니다. 때문에, 쇼핑몰마다의 디자인 사이즈 규격을 맞추는 것이 좋습니다.
썸네일: 한눈에 판매하고 있는 제품이 무엇인지를 보여주는 작은 이미지
썸네일은 소비자에게 제일 처음 보이게 되는 제품 이미지 컷입니다. 썸네일 속, 제품이 잘려 있거나 지나치게 늘려져 있는 경우, 혹은 너무 작은 경우에는 소비자의 구매 욕구를 야기하지 못할뿐더러 브랜드(기업) 이미지에 타격을 줄 수 있을 정도로, 상세페이지 보다 더 중요한 페이지라고 해도 무관합니다.
그렇기 때문에, 쇼핑몰 별로 최적화된 사이즈를 알고 작업하는 것이 정말 중요합니다. 그래서 오늘은 한국에서 가장 많이 활용되고, 사용되고 있는 "쿠팡, 네이버, 아임웹"의 상세페이지와 썸네일 사이즈에 대해서 알려드리고자 합니다.
네이버 스마트 스토어 썸네일
640px * 640px (가로 x세로)
장당 용량: 4MB 이내
DPI: 72 or 92 DPI (그 이상이 될 경우 화질 깨짐 발생)
파일 형식: JPG, JPEG, PNG, GIF, BMP
장수: 대표 사진을 제외한 최대 9장 업로드 가능
네이버 스마트 스토어 상세페이지
장 당 올릴 수 있는 최대 길이: 860px * 5,000px
최대 세로 길이(px): 무제한
장당 용량: 20MB
DPI: 72 or 92 DPI (그 이상이 될 경우 화질 깨짐 발생)
파일 형식: JPG, JPEG, PNG, GIF, BMP
- 스마트스토어 상세페이지의 길이는 무제한으로 업로드가 가능하지만, 한 장당 20MB와 5,000px를 넘기면 안 됩니다.
쿠팡 썸네일
500px * 500px (가로 x세로)
장당 용량: 2MB 이내
DPI: 72 or 92 DPI (그 이상이 될 경우 화질 깨짐 발생)
파일 형식: JPG, JPEG, PNG
장수: 대표 사진을 제외한 최대 9장 업로드 가능
쿠팡 상세페이지
장 당 올릴 수 있는 최대 길이: 780px * 3,000px
최대 세로 길이(px): 30,000px까지
장당 용량: 20MB
DPI: 72 or 92 DPI (그 이상이 될 경우 화질 깨짐 발생)
파일 형식: JPG, JPEG
- 쿠팡의 경우 GIF 첨부가 불가능하며, 상세페이지 최대 길이는 30,000px를 제한하고 있습니다.
아임웹 썸네일
750px * 750px (가로 x세로)
장당 용량: 확인 어려움
DPI: 72 or 92 DPI (그 이상이 될 경우 화질 깨짐 발생)
파일 형식: JPG, JPEG, PNG, GIF
장수: 대표 사진을 제외한 최대 9장 업로드 가능
아임웹 상세페이지
장 당 올릴 수 있는 최대 길이: 860px * 3,000px
최대 세로 길이(px): 무제한
장당 용량: 확인 어려움
DPI: 72 or 92 DPI (그 이상이 될 경우 화질 깨짐 발생)
파일 형식: JPG, JPEG, PNG, GIF
- 아임웹 상세페이지의 길이는 무제한으로 업로드가 가능하지만, 한 장으로 묶어서 업로드 시에 속도저하, 로딩저하로 인해 품질이 안 좋아집니다. 여러 장으로 분할하여 업로드하는 것을 권장드립니다.
01. 한 장의 사진으로 상세페이지 업로드할 시에는 품질 저하 및 로딩 저하로 인해 "렉"이 발생할 수 있습니다. 때문에, 여러 장으로 분할하여 업로드하는 것을 권장합니다.
02. 상세페이지 및 썸네일의 DPI는 72 혹은 92로 설정하여 업로드하는 것이 가장 최적의 화질을 만들어냅니다.
03. 썸네일 및 상세페이지 제작 후 제품이 잘 보이는지, 상세페이지 흐름은 괜찮은 지 등을 웹과 모바일 두 가지로 최종적으로 확인하는 것이 좋습니다.
참고 사이트)
https://imweb.me/faq?mode=view&category=29&category2=40&idx=71622
https://imweb.me/faq?mode=view&category=29&category2=33&idx=71710
-> 위 2개의 사이트 내에서 쿠팡, 네이버(스마트 스토어), 아임웹뿐만 아니라 11번가, 옥션 등 다양한 온 쇼핑 플랫폼의 사이즈 규격을 안내하고 있어, 참고용으로 보시는 것을 권합니다.
오늘은 우리 구독자님과 함께 쿠팡, 네이버(스마트스토어), 아임웹 오픈마켓 썸네일과 상세페이지에 대한 이미지 크기를 정리하여 살펴보았습니다. 도움이 되었을까요? 여러분들의 응원 메시지는 저에게 정말 큰 응원과 위로가 됩니다! 다들 저의 긴 글을 읽어주셔서 감사드립니다.
다음번에 어떤 주제를 들고 오면 좋을지 열심히 준비해서 오겠습니다.