이미지 일괄 다운로드 작업을 해야 할 때 가장 먼저 확인할 것은 렌더된 페이지가 실제로 어떤 이미지 파일을 불러오는지입니다. 이미지 일괄 다운로드는 단순히 눈에 보이는 썸네일을 저장하는 것을 넘어 고해상도 원본을 확보하고, 중복을 제거하며, 일관된 파일명과 CSV 형식의 메타데이터를 함께 내보내는 실무적 과정이 필요합니다. 이 글에서는 카테고리 페이지를 예로 들어 스캔부터 ZIP 및 CSV 내보내기까지 현업에서 쓸 수 있는 단계별 워크플로를 정리합니다. 이 과정에서는 Image Downloader Pro를 사용합니다.
프로젝트 개요와 제약
예시 목표: 한 카테고리 페이지에서 150장의 제품 이미지를 수집하되 가능한 한 고해상도 원본을 유지하고, 중복을 제거해 ZIP과 CSV로 전달합니다. 제한 시간은 90분으로 설정했습니다.
- 문제 상황 예시: 페이지가 지연 로드(지연 로드)를 사용하고, 썸네일이 라이트박스에서 더 큰 이미지를 가리키거나 srcset으로 반응형 이미지를 서비스함.
- 비목표: 저작권 또는 재사용 허가 판정. 출처 URL만 기록하고 법무팀에 검토를 맡깁니다.
1단계 - 깊은 스캔으로 시작하기
브라우저의 초기 DOM에 보이는 <img> src만 추출하는 도구로는 충분하지 않습니다. CSS 배경 이미지, data-src 속성, picture 요소와 srcset 등 다양한 방식으로 이미지가 로드되므로 전체 페이지를 깊게 스캔해야 합니다. 저는 Image Downloader Pro를 사용해 활성 탭의 모든 이미지 후보를 탐지했습니다. Mass Scan 기능은 여러 탭에 걸쳐 연속된 제품 팝업을 스캔할 때 유용합니다.
- 카테고리 페이지를 열고 확장 프로그램을 실행한 뒤 Mass Scan으로 탭을 스캔합니다.
- 아이콘이나 트래킹 픽셀을 걸러내기 위해 최소 픽셀 기준(예: 짧은 변 800px)을 적용합니다.
- srcset과 대체 해상도 감지를 활성화해 각 후보의 가능한 최대 해상도 이미지를 미리 봅니다.
실무 팁: 검사 기준을 너무 높게 잡으면 정규 제품 이미지 중 일부를 놓칠 수 있습니다. 크리에이티브 모드라면 최소값을 400px 수준으로 낮춰도 됩니다.
2단계 - 미리보기, 즐겨찾기, 폴더 정리
스캔 결과 후보가 수백 개가 나와도 필터와 빠른 미리보기를 통해 숫자를 급감시킬 수 있습니다. 작업을 일관되게 하기 위해 확장 프로그램 내부에서 폴더를 만들고 즐겨찾기 기능으로 최종 후보를 표시하세요.
- 방향 필터로 세로형, 정사각형, 가로형을 분류해 각각 다른 이름 규칙과 폴더로 정리합니다.
- 미리보기 창에서 확실한 제품 이미지는 즐겨찾기로 표시하고, 일괄 거부는 폐기 폴더로 보냅니다.
- 폴더 예시: "제품-Category-2026-09-16", "Missing-HighRes", "Duplicates-Check".
참고: srcset 항목에는 2x 또는 3x 같은 고해상도 URL이 포함된 경우가 많습니다. 내보내기 전에는 항상 가장 큰 srcset 후보를 미리보기 하세요.
3단계 - 중복과 유사 이미지 처리
중복 이미지는 시간이 가장 많이 소요되는 문제입니다. 처음에는 파일명과 용량 기반 자동 그룹화로 정확한 중복을 걸러내고, 두 번째로는 시각적 유사도 스캔을 통해 거의 동일한 변형들을 묶습니다. 대표 이미지를 하나만 남기고 나머지는 별도 폴더로 이동하는 방식이 효율적입니다.
- 첫 번째 패스: 파일명과 파일 크기 기준 자동 그룹화로 정확한 중복 제거.
- 두 번째 패스: 시각적 유사도 검사로 색상 보정이나 소폭 크롭만 다른 변형을 식별.
- 해상도가 다른 동일 콘텐츠가 있다면 최대 해상도 이미지를 우선 보관합니다.
4단계 - 파일명 규칙과 메타데이터 CSV
이미지가 시스템으로 흘러들어갈 경우 파일명 규칙은 매우 중요합니다. 보통 사람용 가독성과 시스템용 규칙을 동시에 준비해 ZIP과 CSV를 함께 제공합니다.
- 디자이너용 가독성 규칙:
브랜드_카테고리_모델_변형.jpg - 시스템 임포트 규칙:
SKU-00012345--img01-20260916.jpg - CSV 필드: filename, original URL, page URL, width, height, folder tag
CSV는 다운로드한 파일과 라이브 제품 레코드를 대조할 수 있는 감사 추적을 제공하므로 법무·소싱·머천다이징 팀에서 유용합니다.
5단계 - 내보내기와 실무 한계
내보내기 옵션은 보통 ZIP(폴더 구조 유지)과 CSV 조합으로 충분합니다. 내보내기 시 이름 규칙을 적용하면 ZIP 내부 파일명과 CSV가 자동으로 일치해 추가 작업을 줄일 수 있습니다.
- 주의사항: 라이트박스 안에서만 조합되는 클라이언트 사이드 이미지가 있을 수 있습니다. 이런 경우 라이트박스를 새 탭으로 열어 해당 탭을 별도로 스캔하세요.
- 완전히 동적으로 생성되거나 보호된 자산은 자동 검출이 불가능할 수 있으니 CSV에 수동 처리가 필요함을 표기합니다.
업무 유형별 필터 결정 가이드
- 무드보드용 - 사이즈 범위를 넓게, 변형을 많이 보관, 최소 400px.
- 머천다이징 임포트/QA - 엄격: 최소 800px, srcset의 최대 후보 우선, 중복 제거, CSV 포함.
- 리서치/아카이브 - 최대 커버리지: UI 썸네일까지 모두 다운로드한 뒤 로컬에서 선별.
현장 결과 예시
실제로 78분 내에 페이지 스캔부터 ZIP과 CSV 전달까지 완료한 사례에서는 최종 산출물이 152장의 이미지와 메타데이터 CSV였습니다. 스캔 기록을 저장해 나중에 동일 후보를 재검토할 수 있게 했습니다.
자주 발생하는 문제와 해결 방법
- srcset에 고해상도 URL이 없음 - 라이트박스를 탭으로 열어 다시 스캔.
- 스크롤로 로드되는 지연 이미지 - 확장 프로그램의 깊은 스캔을 사용하거나 페이지를 천천히 스크롤하며 스캔.
- 유사 중복이 많은 경우 - 시각적 유사도 그룹에서 해상도와 크롭을 기준으로 대표를 선정.
Image Downloader Pro는 이러한 단계에서 유용한 기능을 제공하므로 동일한 워크플로를 시도해 볼 수 있습니다. 자세한 설정과 고급 스캔 모드는 공식 문서를 참고하세요: 문서 보기.
지금 바로 실습해 보려면 한국어 페이지에서 확장 프로그램을 다운로드하십시오: Image Downloader Pro 다운로드. 간단한 카테고리 페이지에서 Mass Scan을 실행해 후보 수와 필터 값을 확인해 보는 것을 권합니다.