웹사이트 이미지 다운로드 받는 방법

웹사이트 리뉴얼 시 기존 소스를 빠르게 확보하는 것은 아주 중요한 작업입니다.

일일이 '우클릭 후 저장'을 하기엔 시간이 너무 부족하니, 상황에 맞춰 가장 빠르고 효율적인 3가지 방법을 정리해 드립니다.

---

1. 브라우저 확장 프로그램 사용 (가장 추천)

별도의 코딩이나 복잡한 설정 없이 클릭 몇 번으로 모든 이미지를 긁어모을 수 있습니다.

• 추천 도구: ImageDownloader (Chrome 확장 프로그램)
• 특징: 페이지 내 모든 이미지의 크기, 유형을 필터링해서 한꺼번에 다운로드할 수 있습니다.
• 방법: 1. 크롬 웹스토어에서 설치. 2. 원하는 웹사이트 접속 후 아이콘 클릭. 3. 'Select All' 선택 후 'Download' 클릭.

---

 

https://lshjju.tistory.com/937

별도의 코딩이나 복잡한 설정 없이 클릭 몇 번으로 웹사이트의 모든 이미지를 긁어모을 수 있는

 

---

2. 개발자 도구 활용 (무설치 방법)

추가 프로그램을 설치하기 어려운 환경이라면 크롬 개발자 도구만으로도 가능합니다.

• 방법:
  1. F12 (또는 Ctrl+Shift+I)를 눌러 개발자 도구를 엽니다.
  2. 상단 탭에서 Application을 선택합니다.
  3. 왼쪽 메뉴에서 Frames > top > Images 폴더를 차례로 클릭합니다.
  4. 사이트에 로드된 모든 이미지 리스트가 나타납니다. 여기서 필요한 이미지를 확인하고 저장할 수 있습니다. 참고: 이 방법은 하나씩 확인하기엔 좋으나, 수백 장을 한 번에 내려받기엔 확장 프로그램보다 조금 번거로울 수 있습니다.

3. 웹사이트 전체 복제 도구 (HTTrack)

단순 이미지를 넘어 사이트의 구조와 CSS 내에 포함된 배경 이미지까지 모두 가져와야 할 때 사용합니다.

• 추천 도구: HTTrack (무료 소프트웨어)
• 특징: 웹사이트 전체를 내 컴퓨터로 '미러링'합니다. 폴더 구조 그대로 이미지들이 저장되므로 리뉴얼 개발 시 경로 파악이 쉽습니다.
• 주의: 사이트 규모가 너무 크면 시간이 오래 걸릴 수 있으므로 필요한 디렉토리만 지정하는 것이 좋습니다.

---

💡 전문가의 팁

1. 저작권 확인: 이미지를 그대로 다시 사용하실 계획이라면, 폰트나 스톡 이미지의 라이선스가 리뉴얼 후에도 유효한지 반드시 확인하세요.
2. WebP 변환: 최근에는 성능 최적화를 위해 이미지를 WebP 형식으로 변환하여 사용하는 경우가 많습니다. 다운로드 후 개발 단계에서 포맷 변경을 고려해 보세요.
3. CDN 이미지: 일부 이미지는 외부 서버(CDN)에 있어 일반적인 도구로 안 잡힐 때가 있습니다. 이럴 땐 앞서 말씀드린 ImageDownloader의 필터 설정을 확인해 보세요.

 

---