이미지 다운로드하기_혜조(완)

등록된 이미지 원본을 추출하여 다운받는 방법입니다.

• 업로드 전 체크리스트

• 작업자: 김혜조

• 목적: 이미지 데이터 요청 시 전달용

• 기능 관련 노션 링크:

• 노출 위치: 상점 디자인하기 > 디자인 활용하기 > 하위메뉴 제일 하단

• 틀 작업 후 동호님 공유

• 70% 작업 후 제품 관리자 공유

• 스펠러 확인

• 하위 주소: image-download

• 업로드 전 서운팀 기능 공유

• 업로드 후 체크리스트

• 기존 안내서에 변경할 링크 있는지 확인

• 업로드 후 서운팀 공유

• 업로드 후 제품 관리자 공유

• 업로드 후 링크 확인 및 글자 씹힘 없는지 확인

• 업데이트 기능별 문서 및 깃북 엑셀 업로드

1. 확장 프로그램을 이용하여 이미지 썸네일 다운로드하기

크롬 브라우저의 확장 프로그램인 이미지 다운로더를 이용하여 편리하게 이미지를 다운받을 수 있습니다.

Step 1. Image downloader 설치하기

Image Downloader 다운로드 링크를 클릭하거나 chrome 웹 스토어에서 '이미지 다운로더'를 검색하여 [Chrome에 추가]합니다.

Step 2. Image downloader 고정하기

이미지 다운로더 추가가 완료되면 퍼즐 모양 아이콘을 클릭한 후 핀 모양 아이콘을 클릭하여 크롬 브라우저 상단에 이미지 다운로더를 고정해 둘 수 있습니다.

Step 3. 이미지 다운로드하기

이미지 다운로드가 필요한 페이지로 이동한 후 이미지 다운로더 아이콘을 클릭하면 원하는 이미지를 다운로드할 수 있습니다. 해당 페이지에 노출된 이미지만 다운로드할 수 있는 점 참고해 주세요.

2. 개발자 도구 활용하여 이미지 원본 다운로드하기

이미지 마우스 우클릭으로 '다른 이름으로 저장'하여 원본 이미지 파일을 다운받는 것이 불가한 경우 원본 이미지를 다운로드하는 우회적인 방법입니다. 복잡한 과정이기 때문에 많은 이미지를 다운받아야 하는 경우에는 확장 프로그램을 이용하여 이미지 썸네일 다운로드하기 방법을 권장합니다.

Step 1. 다운로드받을 이미지 우클릭 > 검사를 클릭해 주세요.

Step 2. 개발자 도구의 Element 탭에서 이미지 소스 복사(Ctrl + C)해 주세요.

검사 클릭 시 개발자 도구 창이 열리며 이미지 소스가 잘 선택되었다면 아래와 같이 해당 이미지가 다른 색상으로 표시됩니다.

이미지 소스가 제대로 선택되지 않았다면 아래 이미지 참고하여 개발자 도구 상단의 화살표 버튼 클릭 > 다운로드받을 이미지 부분을 클릭하고 마우스를 움직여 이미지가 선택되는 소스를 찾아주셔야 합니다. 익숙해지기까지 시간이 걸릴 수 있는 과정이므로 여러 번 시도해 보셔야 할 수 있습니다. 아래 Step 3에 등록된 이미지를 참고하여 비슷한 형식의 소스를 찾아주세요.

Step 3. 복사한 소스를 메모장 등에 붙여넣기(Ctrl + V) 해주세요.

Step 4. https:// 부터 jpg, png, gif 등의 확장자명까지만 남기고 모두 삭제해 주세요.

Step 5. 썸네일 부분(/thumbnails)과 썸네일 크기 부분(_숫자)을 삭제해 주세요.

필요 없는 부분을 삭제하면 아래와 같은 주소가 남게 됩니다.

Step 6. 인터넷 주소창에 주소를 붙여넣기하고 마우스 우클릭하면 이미지 원본을 다운받을 수 있습니다.

잘못된 주소로 확인된다면 Step 4 과정부터 잘못된 부분이 없는지 다시 확인해 주세요.