> For the complete documentation index, see [llms.txt](https://help.sixshop.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sixshop.com/learn-sixshop/store-design/develop/image-download.md).
# 이미지 다운로드하기
상점에 등록된 이미지 썸네일 혹은 원본을 추출하여 다운받는 방법입니다.
* [확장 프로그램을 이용하여 이미지 썸네일 다운로드하기](#id-1)
* [개발자 도구 활용하여 이미지 원본 다운로드하기](#id-2)
## 1. 확장 프로그램을 이용하여 이미지 썸네일 다운로드하기
크롬 브라우저의 확장 프로그램인 이미지 다운로더를 이용하여 편리하게 이미지를 다운받을 수 있습니다.
#### **Step 1. Image downloader를 설치해 주세요.**
[chrome 웹 스토어](https://chrome.google.com/webstore/category/extensions)에서 'image downloader'를 검색하여 \[Chrome에 추가]합니다.
#### **Step 2. Image downloader를 고정해 주세요.**
이미지 다운로더 추가가 완료되면 퍼즐 모양 아이콘을 클릭한 후 핀 모양 아이콘을 클릭하여 크롬 브라우저 상단에 이미지 다운로더를 고정해 둘 수 있습니다.
#### **Step 3. 이미지를 다운로드할 수 있어요.**
이미지 다운로드가 필요한 페이지로 이동한 후 이미지 다운로더 아이콘을 클릭하면 원하는 이미지를 다운로드할 수 있습니다. 해당 페이지에 노출된 이미지만 다운로드할 수 있는 점 참고해 주세요.
## 2. 개발자 도구 활용하여 이미지 원본 다운로드하기
이미지 마우스 우클릭으로 '다른 이름으로 저장'하여 원본 이미지 파일을 다운받는 것이 불가한 경우 원본 이미지를 다운로드하는 우회적인 방법입니다. 복잡한 과정이기 때문에 많은 이미지를 다운받아야 하는 경우에는 [확장 프로그램을 이용하여 이미지 썸네일 다운로드하기](#id-1) 방법을 권장합니다.
#### Step 1. 다운로드받을 이미지 우클릭 > 검사를 클릭해 주세요.
#### Step 2. 개발자 도구의 Element 탭에서 이미지 소스 복사(Ctrl + C)해 주세요.
검사 클릭 시 개발자 도구 창이 열리며 이미지 소스가 잘 선택되었다면 아래와 같이 해당 이미지가 다른 색상으로 표시됩니다.
이미지 소스가 제대로 선택되지 않았다면 아래 이미지 참고하여 개발자 도구 상단의 화살표 버튼 클릭 > 다운로드받을 이미지 부분을 클릭하고 마우스를 움직여 이미지가 선택되는 소스를 찾아주셔야 합니다. \
\
익숙해지기까지 시간이 걸릴 수 있는 과정이므로 여러 번 시도해 보셔야 할 수 있습니다. \
아래 [**Step 3**](/learn-sixshop/store-design/develop/image-download.md#step-3-ctrl-v)에 등록된 이미지를 참고하여 비슷한 형식의 소스를 찾아주세요.
#### Step 3. 복사한 소스를 메모장 등에 붙여넣기(Ctrl + V) 해주세요.
#### Step 4. https\:// 부터 jpg, png, gif 등의 확장자명까지만 남기고 모두 삭제해 주세요.
#### Step 5. 썸네일 부분(/thumbnails)과 썸네일 크기 부분(\_숫자)을 삭제해 주세요.
필요 없는 부분을 삭제하면 아래와 같은 주소가 남게 됩니다.
#### Step 6. 인터넷 주소창에 주소를 붙여넣기하고 마우스 우클릭하면 이미지 원본을 다운받을 수 있어요.
잘못된 주소로 확인된다면 [Step 4](#step-4.-https-jpg-png-gif) 과정부터 잘못된 부분이 없는지 다시 확인해 주세요.
