> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/maunal/product/undefined-1/undefined-4.md).

# 상품 대표 이미지

상품 목록과 상세 페이지에 가장 먼저 보이는 대표 사진을 등록해요.

## 관리자 메뉴 위치

`상품` > `상품 목록` > `상품 등록` > `상품 대표 이미지`

## 메뉴 안내 및 설정 방법

### 상품 대표 이미지

* 상품 대표 이미지는 상품 목록과 상품 페이지 위쪽에 보일 대표 사진을 등록할 수 있어요.
* 대표 이미지는 고객이 상품을 클릭하기 전에 가장 먼저 보는 얼굴이라, 클릭률과 구매 결정에 큰 영향을 줘요.
* 여기에 등록한 이미지는 고객이 보는 쇼핑몰 상품 목록과 상품 상세페이지 대표 영역에 표시돼요.

{% stepper %}
{% step %}

#### 상품 대표 이미지 등록

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FCsaadFRlsGJ1VJ1fudes%2F%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D_%EB%8C%80%ED%91%9C%EC%9D%B4%EB%AF%B8%EC%A7%80.png?alt=media&amp;token=510d994b-6141-4ab7-8255-37cfdfd31f38" alt=""><figcaption></figcaption></figure>

* 상품 목록과 상세 페이지에 대표로 보여줄 이미지를 등록해요.&#x20;
* 이미지 파일을 영역에 끌어다 놓거나, 영역을 눌러 파일을 선택해 불러올 수 있어요.
  * 권장 크기: 500×500px
  * 파일 형식: GIF, JPG, JPEG, PNG
  * 최대 용량: 5MB
    {% endstep %}

{% step %}

#### 등록한 이미지 확인

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2ForsY4hyshbW2tlmei1G2%2F%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D_%EB%8C%80%ED%91%9C%EC%9D%B4%EB%AF%B8%EC%A7%80_2.png?alt=media&amp;token=6071a478-9cd6-4101-9ca9-91c206b8be3b" alt=""><figcaption></figcaption></figure>

* 이미지를 등록하면 영역 아래에 미리보기가 표시돼요.&#x20;
* 이미지 오른쪽 위 \[X]버튼을 누르면 등록한 이미지가 삭제돼요.
  {% endstep %}

{% step %}

### 쇼핑몰 적용 화면

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FZYCavYn1ChLAkbeI9rjp%2F%EC%83%81%ED%92%88%EB%93%B1%EB%A1%9D_%EB%8C%80%ED%91%9C%EC%9D%B4%EB%AF%B8%EC%A7%80_3.png?alt=media&amp;token=954058e9-e94d-44ad-b8cc-ae7d8188a398" alt=""><figcaption></figcaption></figure>

* 등록한 대표 이미지는 쇼핑몰의 아래 위치에 표시돼요.
  * **상품 상세 화면** : 상품 정보 왼쪽에 크게 표시돼요.
  * **상품 목록 화면** : 상품명과 가격 위에 썸네일로 표시돼요.
* 대표 이미지는 고객이 상품을 처음 보는 이미지라서, 구매 결정에 큰 영향을 줘요. 상품이 잘 보이는 이미지로 등록해 주세요.
  {% endstep %}
  {% endstepper %}

{% hint style="info" %}

#### **이렇게 사용하면 좋아요 🌟**

* 배경이 깔끔하고 상품이 가운데에 잘 보이는 정사각형 이미지를 사용하면, 상품 목록에서 더 눈에 띄어요.
  {% endhint %}