이 가이드는 Image Downloader Pro 확장으로 download every image on a page 워크플로를 실제로 수행하는 순서를 설명합니다. 브라우저에 노출된 이미지 파일을 스캔하고, 해상도와 타입 필터를 적용해 적절한 버전을 골라 중복을 숨긴 뒤 ZIP과 CSV로 추출하는 절차를 단계별로 안내합니다. 먼저 확장 프로그램 페이지: Image Downloader Pro.
언제 이 절차를 사용해야 하나
이 워크플로는 오른쪽 클릭으로는 얻기 어려운 브라우저에 노출된 원본 또는 고해상도 파일을 수집하고, 추출 기록과 메타데이터가 담긴 CSV를 함께 만들고자 할 때 적합합니다. 개인 자료 보관, 리서치, 무드보드 제작, 감사용 이미지 목록 생성 같은 비상업적 수집 작업에 잘 맞습니다. 주의: 서버 전용 원본이나 DRM으로 보호된 파일을 자동으로 복원한다는 보장은 없습니다.
사전 준비와 범위 결정
크롬(Chrome), 엣지(Edge) 또는 파이어폭스(Firefox)에서 대상 페이지를 열고 이미지가 스크롤이나 상호작용 후에 로드된다면 미리 상호작용해 브라우저가 파일들을 노출하도록 합니다. 한 탭의 모든 이미지만 필요하면 그 탭을 활성화한 상태에서 스캔을 진행하십시오. 여러 탭이나 URL에서 수집하려면 Mass Scan 기능을 사용합니다.
1단계 - 딥 스캔 실행
- 확장 팝업을 열고 Scan을 클릭합니다. 확장은 페이지가 브라우저에 노출한 이미지를 가능한 한 많이 수집합니다.
- 갤러리처럼 클릭해야 로드되는 이미지가 있다면 인터랙션 후 재스캔하거나 Mass Scan으로 여러 탭을 검사합니다.
- 나중에 재검토하려면 스캔 결과를 저장하세요. 저장된 스캔은 다시 필터를 적용하거나 나중에 내보낼 때 편리합니다.
2단계 - 필터로 원하는 파일 좁히기
바로 모두 선택하지 말고 필터를 먼저 적용하세요. 일반적으로 유용한 필터 항목:
- 최소 너비와 높이 - 작은 UI 아이콘이나 스프라이트 제거
- 최소 파일 크기 - 데이터 URI 썸네일이나 과도하게 압축된 이미지 제외
- 파일 형식 - 래스터만 필요하면 SVG 숨기기
- 가로/세로 방향 - 가로형 히어로 이미지만 수집할 때 유용
픽셀 수로 정렬하면 고해상도 후보를 먼저 확인할 수 있습니다. 여러 사이즈가 탐지되면 best-version 토글을 켜서 동일한 이미지의 대표 항목만 보이게 할 수 있습니다.
3단계 - 미리보기와 선택
팝업이나 대시보드에서 후보를 미리 보고 선택합니다. 체크포인트:
- 이미지 URL이 실제 파일을 가리키는지 확인하세요. 캔버스나 작게 인코딩된 플레이스홀더 URL이면 낮은 해상도만 내려받을 수 있습니다.
- 여러 사이즈가 있을 때 반드시 원하는 최대 크기 항목을 선택하거나 best-version에서 최대 해상도를 확인하세요.
참고: Image Downloader Pro는 SHA-256 해시를 사용해 바이트 단위로 동일한 파일을 숨길 수 있습니다. 동일 파일이 페이지 여러 위치에 반복되어 표시되는 경우 다운로드 대역폭을 아끼고 CSV의 의미를 살리는 데 도움이 됩니다.
4단계 - 유사 이미지 검사 및 처리
정확히 동일한 파일은 숨길 수 있지만 유사한 변형은 자동 삭제하지 않습니다. 시각적 유사도 뷰를 사용해 근사 중복을 비교하고 원하는 마스터 이미지를 수동으로 선택하세요. 툴은 검사와 선택을 돕지만 유사 파일을 자동으로 제거하지 않습니다.
5단계 - 파일명 규칙과 저장 위치 설정
내보내기 전에 파일명 토큰을 설정해 정렬하기 쉬운 이름 규칙을 만드세요. 지원되는 토큰 예:
- domain - original filename - widthxheight
- date - index - original filename
다운로드 규칙은 브라우저 Downloads 폴더 아래의 하위 폴더로 파일을 라우팅할 수 있습니다. ZIP 내보내기는 source-site 폴더와 이미지 파일을 포함하지만 자동으로 브랜드나 상품별 폴더 계층을 생성하지는 않습니다. CSV는 별도 파일로 내보내지며 ZIP에 자동으로 첨부되지 않으니 ZIP과 CSV를 같은 위치에 보관하세요.
6단계 - ZIP과 CSV 내보내기
- 다운로드할 이미지를 선택하고 파일명 규칙을 최종 확인합니다.
- ZIP 내보내기를 실행하면 ZIP 안에 source-site 폴더와 선택된 이미지 파일이 들어갑니다.
- CSV를 내보내 선택 가능한 열(이미지 URL, 원본 파일명, 이름 변경된 파일명, 타입, 치수, 파일 크기, 페이지 제목, alt 텍스트 등)을 포함시켜 저장합니다.
실무 체크리스트
- UI 자산을 제거할 필터를 적용했는가?
- best-version 토글을 사용해 중복을 정리했는가?
- 정확한 중복 숨기기 기능을 확인했는가?
- 파일명 토큰을 설정하고 3개 파일로 테스트했는가?
- CSV에 URL과 치수를 포함시켰는가?
자주 발생하는 문제와 해결책
- 고해상도 이미지 누락: 갤러리 클릭 후 로드되는 이미지는 인터랙션 뒤 재스캔하거나 Mass Scan을 사용하세요.
- 캔버스나 background-image: 이런 자원은 파일 URL로 직접 노출되지 않을 수 있습니다. 네트워크 탭(Network)을 확인하거나 수동 캡처가 필요합니다.
- 보호된 이미지: 스트리밍이나 서버 측 보호로 제공되는 원본은 확장이 감지하지 못할 수 있습니다. 확장은 브라우저에 노출된 이미지만 스캔합니다.
예시: 제품 상세 페이지 처리 순서
- 페이지를 열고 썸네일과 줌 뷰어를 클릭해 큰 자산을 로드합니다.
- 스캔 실행 후 최소 너비 800px 필터를 적용해 썸네일 제외합니다.
- best-version 토글로 최대 크기만 표시되도록 한 뒤 히어로 이미지와 줌 이미지를 즐겨찾기합니다.
- 시각적 유사도 검사를 통해 근사 중복에서 최선의 마스터를 선택합니다.
- domain-original-widthxheight 규칙으로 이름을 정하고 ZIP과 CSV를 내보냅니다.
고급 설정과 토큰 목록은 공식 문서를 참고하세요: Image Downloader Pro 문서. 지금 바로 확장을 설치하고 테스트 페이지에서 필터와 이름 규칙을 확인해 보세요: Image Downloader Pro.
작업 권장 실제 대량 내보내기 전에 반드시 작은 샘플로 검증해 파일명 규칙과 CSV 열 구성이 원하는 대로 나오는지 확인하세요.