> 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/guide/undefined-17.md).

# 디자인 수정

디자인 스킨 샘플 이미지 변경하는 방법

### 1. 샘플 이미지 사이즈 확인 방법

<div align="left" data-full-width="false"><figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FbW3jyhlUh0z21bMxiuP8%2FUntitled.png?alt=media&amp;token=f4615536-d421-4d1d-ba99-38dea436f977" alt=""><figcaption></figcaption></figure></div>

1. 먼저 마우스 커서 위치를 변경할 이미지 영역으로 이동시켜 주세요.
2. 마우스의 오른쪽 버튼을 클릭하여 보이는 메뉴 중 ‘새 탭에서 이미지 열기’를 클릭해 주세요.\
   (만약 위 메뉴가 없다면 다른 방식으로 확인이 필요하니 담당자에게 말씀해 주세요.)

<div align="left"><figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FA7prseWDci2HGkuCFmfS%2FUntitled%20(1).png?alt=media&amp;token=3d21430b-5945-4fc8-9df2-c31c88e9dc31" alt=""><figcaption></figcaption></figure></div>

1. 선택했던 이미지를 새 브라우저에서 확인할 수 있어요. (이미지는 상하좌우 공백 최소화해 주세요)
2. 브라우저 탭에서 선택한 이미지의 파일명과 함께 사이즈 확인이 가능하며 단위는 픽셀(px)입니다.
3. 이미지 정보를 전달하고 싶다면 위 경로를 복사해서 전달하시면 됩니다.\
   이제 위 방법으로 확인한 이미지를 참고하셔서 로고나 배너 등의 이미지를 제작 후 전달해 주세요.

### 2. 모바일샵 샘플 이미지 사이즈 확인 방법

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2Fbw4B2AdvQoSTUvjeduPt%2F%EC%A0%9C%EB%AA%A9%EC%9D%84%20%EC%9E%85%EB%A0%A5%ED%95%B4%EC%A3%BC%EC%84%B8%EC%9A%94_-001.png?alt=media&amp;token=cab7b8b2-398b-452b-8785-8f1e67116057" alt=""><figcaption></figcaption></figure>

1. 메이크샵 관리자 페이지에서 개별 디자인 > 디자인 스킨 관리 > 디자인 스킨 관리로 이동합니다.
2. 보관 스킨 쪽에서 모바일 탭을 클릭해 주세요.
3. 미리보기를 클릭하시면 PC에서도 임의로 모바일(mo)샵 확인이 가능해서 이미지 확인 가능합니다.

<figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FjNYmB0snSiQsK6CDtzDb%2Fimage.png?alt=media&amp;token=81c9fbe6-9339-4db7-bbf0-616ddda6db5a" alt=""><figcaption></figcaption></figure>

이제 PC, MO샵의 이미지 사이즈 확인하기 쉽겠죠?\
그럼 이제 준비해서 직접 수정하거나 메이크샵 담당자에게 전달해 주세요\~ (전달해 주실 때 이미지와 어디를 교체할 이미지라고 말씀해 주세요.

### <mark style="background-color:red;">2.이미지 만들기</mark>

<div data-full-width="false"><figure><img src="https://3607863916-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FOy1iiAFI4nA1SH1UFEa0%2Fuploads%2FpQLlvtTrBwQnN7m0sTK2%2Fimage.png?alt=media&amp;token=958a420f-4608-4f70-9313-27e4fccdfc83" alt=""><figcaption></figcaption></figure></div>

아래 블로그 url 클릭해서 무료로 사용 할 수 있는 미리캔버스에서 만들어보세요.

<https://blog.naver.com/makeshop_official/223039395794> ←클릭