BigCommerce 테마가 업로드한 이미지를 다루는 방식.
- 1
테마가 왜곡하지 않는 비율
BigCommerce는 썸네일로 쓰이는 상품 이미지를 같은 가로세로 비율로 유지할 것을 권하며, 비율이 테마 설정과 다른 이미지는 늘어나거나 줄어듭니다. 테마가 기대하는 비율을 확인하고 모든 상품을 그 비율로 주문하십시오. 상품 스튜디오는 정사각형, 세로형, 가로형으로 납품하므로, 형태는 주문할 때 정해집니다.
- 2
색상 프로필은 업로드할 때 제거됨
BigCommerce는 상품 이미지를 업로드할 때 색상 프로필을 제거하며, 프로필 없이 이미지를 저장할 것을 권합니다. 따라서 스토어는 프로필이 없는 상태로 사진을 보여 주므로, 색상 확인은 업로드한 뒤에 합니다. 강한 빨강, 짙은 파랑, 메탈릭 마감부터 시작해 상품 페이지를 자연광에서 실물과 비교하십시오.
- 3
첫 번째 이미지와 그 설명
상품의 이미지 목록에서 첫 번째 이미지가 상품 페이지와 Quick View의 기본 이미지가 되므로, 상품 전체가 가장 분명하게 보이는 뷰를 그 자리에 둡니다. 이미지 설명은 alt 태그가 되며, 비워 두면 BigCommerce가 상품 이름을 사용합니다. 변형 이미지에는 설명을 넣을 수 없고, 변형마다 이미지는 한 장입니다.
BigCommerce의 요구 사항.
- 권장
- 상품 이미지에는 1,280 × 1,280픽셀이 최적의 크기이나, 테마 문서에서 다른 크기를 제안할 수 있음
- 형식
- JPEG/JPG, GIF, WebP, PNG. TIFF와 PDF는 지원되지 않으며 CSV 가져오기에서는 BMP도 제외됨
- 파일 용량
- 상품 이미지와 변형 이미지 각각 최대 8 MB
- 수량
- 상품당 최대 1,000장이며 그중 250장이 제어판에 표시됨. 변형당 이미지 1장
- 확대
- 테마의 Image sizes 설정이 마우스를 올렸을 때 보이는 확대 이미지를 제어함. API 문서는 확대 이미지로 1,280 × 1,280픽셀보다 작은 이미지를 제공하라고 안내하며, 그렇지 않으면 크기가 조정된 이미지가 반환됨
- 썸네일
- 썸네일과 그 밖의 크기는 업로드한 이미지에서 만들어짐. 목록의 첫 번째 이미지가 상품 페이지와 Quick View의 기본 이미지가 됨
- 가로세로 비율
- 썸네일로 쓰이는 상품 이미지는 같은 가로세로 비율로 유지하는 것이 가장 좋음. 비율이 테마 설정과 맞지 않는 이미지는 늘어나거나 줄어듦
- 자동 최적화
- BigCommerce CDN은 무손실 설정으로 이미지를 압축하며 파일 형식을 변환할 수 있음. Cornerstone 4.0 이상을 기반으로 한 Stencil 테마는 srcset을 사용해 반응형 이미지 크기를 제공함
- 대체 텍스트
- 이미지 설명이 alt 태그가 됨. 비워 두면 상품명이 사용되며, 변형 이미지는 설명을 지원하지 않음
- 색상 프로필
- 색상 프로필은 업로드 시 상품 이미지에서 제거되므로, 색상 프로필 없이 이미지를 저장하는 것이 권고됨
BigCommerce 카탈로그를 위한 원본 사진.
- 키가 큰 상품은 세워서, 넓은 상품은 수평으로 눕혀서, 각각 주변에 여유 공간을 두고 촬영하십시오. 그래야 테마의 비율이 어떤 형태이든 상품 전체가 그 안에 들어갈 수 있습니다.
- 플래시를 끄고 자연광에서 촬영하십시오. BigCommerce는 업로드할 때 색상 프로필을 제거하므로, 원본 사진에 사실대로 기록된 색상이 이후 비교의 기준이 됩니다.
- 각인, 스티치, 라벨 글자에 초점을 맞추십시오. 테마는 마우스를 올리면 확대 이미지를 보여 주며, 원본 사진의 흐릿함은 다른 어디보다 그곳에서 먼저 드러납니다.
BigCommerce 상품 사진, 자주 묻는 질문.
2K 결과물은 BigCommerce 상품 페이지에 충분히 큽니까?
정사각형 2K 결과물은 BigCommerce가 상품 이미지에 최적이라고 하는 크기를 넘으며, 옵션으로 4K도 선택할 수 있습니다. BigCommerce는 테마 문서가 다른 크기를 제안할 수 있다고 덧붙이므로, 테마가 제시하는 수치를 먼저 확인할 만합니다. 썸네일과 그 밖의 표시 크기는 업로드한 이미지에서 만들어지므로 파일 하나로 모두 해결됩니다. 최적 크기는 이 페이지의 표에 있습니다.
마우스를 올렸을 때 확대 기능은 어떤 이미지를 보여 줍니까?
마우스를 올렸을 때 표시되는 확대 이미지는 테마의 Image sizes 설정이 정합니다. BigCommerce의 API 문서는 확대 이미지로 정해진 크기보다 작은 이미지를 제공하라고 하며, 그렇지 않으면 크기가 조정된 이미지가 반환된다고 설명합니다. 따라서 2K 또는 4K로 업로드한 이미지는 그 화면에서 크기가 조정되어 표시됩니다. 실제 페이지에서 라벨이나 솔기를 살펴보기에는 이 확대 화면이 알맞습니다.
BigCommerce는 업로드한 PNG나 JPG를 어떻게 처리합니까?
Herofab이 다운로드로 제공하는 PNG와 JPG는 GIF, WebP와 마찬가지로 모두 BigCommerce가 받는 형식이며, TIFF와 PDF는 지원되지 않습니다. 상품 이미지와 변형 이미지에는 각각 용량 상한이 있고, 이 페이지의 표에 있습니다. 그런 다음 BigCommerce CDN이 이미지를 무손실 설정으로 압축하고 형식을 변환할 수도 있으므로, 구매자의 브라우저는 BigCommerce가 처리한 파일을 받습니다.
비용은 얼마입니까?
이미지당 4크레딧이며, 4K는 크레딧 한 개가 추가됩니다. 비용은 생성 전에 표시되며, 작업이 실패하면 크레딧이 반환됩니다. 가입 시 제공되는 무료 20크레딧으로 이 도구의 이미지를 5장 만들 수 있습니다.