# 상품 상세 이미지 등록

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

1. 메뉴 : `디자인` > `디자인 스킨 관리` > `디자인 스킨 관리`

* 왼쪽 상단의 "FTP 웹FTP 열기" 영역에서 드롭다운 화살표를 클릭하여 **마이FTP**를 선택한 후, "열기"를 클릭해 주세요.

  ※ 웹FTP도 사용 가능하지만, 상품 상세페이지에 들어가는 대부분의 이미지는 용량이 크므로 마이FTP가 더 편리해요. (이미지가 <mark style="color:red;">**1MB 미만이라면 웹FTP**</mark>를 이용하고 <mark style="color:red;">**1MB 이상 5MB 미만이라면 마이FTP**</mark> 사용하해주세요.)

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

2. 마이 FTP 접속된 화면이에요.

* 오른쪽 위를 보시면 무료 공간으로 트래픽 무제한에 1GB 공간을 제공되므로 유용하게 활용할 수 있어요.
* 왼쪽 위 "새 폴더"를 클릭하고 폴더명을 입력해서 상품별로 구분해주시면 좋아요.\
  ※ 웹 호스팅 공간은 폴더, 파일명은 영문이나 숫자로 구성해야하며 특수문자는 \_(언더 바)만 가능해요.
* 파일은 왼쪽에서 업로드 할 폴더를 선택하고 pc에 있는 파일을 옮기면 되요.
  * 드래그 앤 드롭 즉, pc에 있는 파일을 마우스로 클릭한 상태로 위 빈공간으로 이동하면 끝이에요.
* 아래 네모 박스를 보시면 주의사항도 있으니 이용 전 숙지하시면 더 도움이 될 거에요.

3. 위 방법들을 참고해서 우선 1개 상품에 대한 상세 이미지들을 넣어보세요.

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

4. 3번 진행 후 상품 등록이나 수정 화면에서 중간쯤 내려보면 상품  **상세정보 입력**으로 이동해주세요.

* 이미지 클릭하면 오른쪽과 같이 이미지 삽입 할 수 있는 팝업창이 뜨고 웹/마이 FTP 클릭해주세요.
* 웹/마이 FTP 클릭 시 아까 3번에서 미리 업로드 한 이미지 파일을 선택 후 "입력"을 누르면되요.

&#x20;      ※ 파일 관리 팝업창에서 이미지 선택하면 아래 미리보기로 확인도 가능해요.

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

5. 테스트로 등록한 이미지로 가로가 긴 이미지는 크게 상관없지만 M 처럼 작은건 왼쪽으로 쏠려있어요.

* 이미지를 클릭하고 위 편집기에 보면 가운데 정렬 버튼이 있어요.&#x20;

&#x20;      ※ 마우스 가져가면 어떤 기능을 하는 버튼인지 이름이 나오니 쉽게 구분 가능해요.

* 정렬뿐 아니라 텍스트의 경우도 글꼴, 크기, 색상등 다양한 기능들이 있으니 편하게 등록하세요.

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

6. M 이미지 가운데 정렬해서 저장 후 쇼핑몰에서 본 상세페이지에요.

* 몇번 반복하다보면 쉽게 가능하니 이제 상품 등록을 해보세요.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.makeshop.co.kr/guide/undefined-19.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.