> 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/manual/goods/undefined-1/undefined-5.md).

# 상품 기본 이미지 등록

## 관리자 메뉴 위치

`상품` > `상품 관리` > `상품 등록`

## 메뉴 안내 및 설정 방법

<figure><img src="/files/SBm6p217hsHUN0xQPoDG" alt=""><figcaption></figcaption></figure>

* 상품에 대한 기본 이미지 등록 시 찾아보기 버튼 클릭해서 내 PC에 있는 이미지 파일 등록이 가능해요.
* 확대 이미지 등록할 경우 확대 이미지 등록 메뉴 하단 \[확대 이미지로 상세, 리스트 이미지 자동 생성] 체크박스가 활성화되어 확대 이미지 하나로 모바일샵 전용 이미지를 제외한 리스트 / 상세 이미지를 한번에 등록이 가능해요.
* 상세 이미지 하단 권장 이미지 셀렉트 박스는 240 \* 240 / 300 \* 300 / 400 \* 400 / 500 \* 500 조건으로 선택 가능해요.
* 리스트/메인 이미지 하단에 노출되는 설정 이미지는 `디자인` > `디자인 관련 기초 설정` > `메인/상품 화면 설정` 페이지에서 상품 이미지 최소 사이즈 설정 픽셀 값을 따라가요.
* 최소 사이즈 보다 큰 이미지 등록할 경우 최소 사이즈 설정 픽셀 값으로 이미지 크기 저장돼요.
* 최소 사이즈 보다 작은 이미지 등록할 경우에는 최소 사이즈 픽셀 값에 맞춰서 이미지 늘어나지 않고 등록한 이미지 크기 그대로 등록돼요.
* 확대 이미지 등록 후 \[확대 이미지로 상세, 리스트 이미지 자동 생성] 체크하지 않고 각각의 이미지 찾아보기 버튼 클릭해서 이미지 등록할 경우에는 권장 / 설정 이미지 px 값으로 이미지 저장되지 않고 등록한 이미지 사이즈 그대로 저장돼요.

## 적용 화면

### **상품 확대 / 상세 / 리스트 이미지**

<figure><img src="/files/kK5fP5RvmPGQeiHBdsHn" alt=""><figcaption></figcaption></figure>

* 확대 이미지만 등록한 상태에서 \[확대 이미지로 상세, 리스트 이미지 자동 생성] 체크박스 체크해서 상품 등록하면 상세 / 리스트 이미지에 확대 이미지로 등록한 이미지가 자동으로 적용되고 사이트에서도 메인 / 상세 / 확대 이미지가 모두 동일한 이미지로 노출돼요.

<figure><img src="/files/iXHJN1aiGJgy9OWKP7PA" alt=""><figcaption></figcaption></figure>

* 메인 / 상세 / 확대 이미지를 모두 다른 이미지로 노출 원할 경우에는 각각의 이미지별로 찾아보기 버튼 클릭해서 이미지 개별 등록이 가능해요.&#x20;

{% hint style="warning" %}
참고

* 메인/리스트 이미지는 메인 페이지나 분류 페이지 상세 이미지는 상세 페이지에 노출하는 용도에요.
* 메인 신규 상품을 예로들어 아래이미지처럼 이미지 노출시키는 태그에 대해 s / m / l 값을 통해서 \
  상세 이미지나 확대 이미지를 메인화면에 노출시키는 부분도 가능해요.\
  ![](http://makeshop.img1.kr/makeshop_manual/co/762/762_3.JPG)
* 모바일 전용 이미지\
  ![](http://makeshop.img1.kr/makeshop_manual/co/762/762_4.JPG)<br>
* 모바일 전용 이미지는 모바일샵에서 상품 이미지를 PC 사이트와는 다르게 노출 원하실 경우 사용하는 이미지로 모바일 전용 이미지 태그를 사용해야 모바일 전용 이미지가 노출돼요.
* 모바일 전용 이미지가 없는 상태로 상품 등록한 경우 기본 이미지 중 리스트 이미지를 가져와서 노출시켜요.
* 모바일 포토 갤러리는 상세 페이지에서 대표 이미지 이 외에 이미지를 노출 시킬 때 사용하는 메뉴에요.
* 모바일샵 디자인 편집 페이지 상품 상세 페이지에 제공되는 태그를 통해서 2가지 방식으로 노출이 가능해요.\
  ![](http://makeshop.img1.kr/makeshop_manual/co/762/762_5.JPG)\
  \
  위 태그를 통해서 상세 페이지에 포토갤러리 이미지를 바로 노출시킬 수 있고, \
  아래 태그를 통해서 버튼을 생성하고 버튼 클릭 시 별도의 페이지에서 포토 갤러리 이미지 확인이 가능해요.&#x20;
* \
  ![](http://makeshop.img1.kr/makeshop_manual/co/762/762_6.JPG)<br>

  <figure><img src="/files/xjCMD0Y8e1GlpB36BgzG" alt=""><figcaption><p><mark style="color:blue;"><strong>포토갤러리 태그 사용 예시</strong></mark></p></figcaption></figure>

  <figure><img src="/files/rGYZybRyifUOOOG01jFZ" alt=""><figcaption><p><mark style="color:blue;"><strong>버튼 링크 태그 사용 예시</strong></mark></p></figcaption></figure>

{% endhint %}
