상품을 소싱하다 보면 도매 사이트의 상품 이미지를 여러 장 받아야 할 때가 있습니다. 상세 페이지에서 이미지를 하나하나 우클릭해서 저장하자니 번거롭고, 스크립트를 짜자니 프로그래밍을 모르는 분들에게는 진입 장벽이 높습니다. 그래서 vvic 상품 고유번호만 넣으면 이미지를 한 페이지에 모아 주는 간단한 도구를 만들어 이 사이트 서버에 올려 두었습니다.
상품 고유번호는 vvic에서 상품마다 붙어 있는 식별자로, 6634be09405c530008f6b2d0 처럼 영문과 숫자가 섞인 문자열입니다.
번호는 vvic 상품 상세 페이지 주소에서 찾으면 됩니다. 주소 끝부분에 이런 형태의 긴 문자열이 붙어 있는데, 그 부분만 복사해 오면 됩니다. 주소에 ? 뒤로 다른 값이 더 붙어 있다면 그 앞까지만 잘라야 합니다. 앞뒤에 공백이나 슬래시가 섞여 들어가면 상품을 못 찾아서 빈 페이지가 뜨니, 이미지가 하나도 안 나올 때는 번호부터 다시 확인해 보세요.
쓰는 방법
브라우저 주소창에 아래 형식으로 입력하고, [상품 고유번호] 자리를 실제 번호로 바꾸면 됩니다.
../../../doc/rapidapi/vvic.php?type=img&item_id=[상품 고유번호]예를 들어 고유번호가 6634be09405c530008f6b2d0 이면 이렇게 됩니다.
../../../doc/rapidapi/vvic.php?type=img&item_id=6634be09405c530008f6b2d0페이지를 열면 그 상품의 이미지들이 차례로 표시됩니다. 서버에서 이미지를 가져오는 동안 시간이 조금 걸리니 전부 뜰 때까지 기다립니다.
다 뜨고 나면 Ctrl + S 를 눌러 저장 창을 열고, 원하는 폴더와 파일 이름을 정해 저장합니다.
저장한 폴더를 열어 보면 지정한 이름의 html 파일 하나와 같은 이름 뒤에 _files 가 붙은 폴더가 생겨 있습니다.
이미지 파일은 이 _files 폴더 안에 들어 있습니다.
왜 Ctrl+S로 받나
브라우저의 "웹 페이지 전체" 저장은 HTML과 함께 그 페이지가 불러온 이미지, CSS 같은 리소스를 별도 폴더에 모아 줍니다. 이미지만 나열한 페이지를 만들어 두면 이 기능이 곧 이미지 일괄 다운로드가 되는 셈이라, 따로 다운로드 프로그램을 설치할 필요가 없습니다. 브라우저만 있으면 어디서든 쓸 수 있다는 게 장점입니다.
주의할 점은 두 가지입니다. 하나는 이미지를 이 사이트 서버를 거쳐 가져오기 때문에 서버 상태에 따라 로딩이 느릴 수 있다는 것. 다른 하나는 페이지가 다 뜨기 전에 저장하면 아직 안 불러온 이미지가 빠진다는 것입니다. 이미지 개수가 많은 상품이라면 스크롤을 끝까지 내려 모든 이미지가 표시된 걸 확인한 뒤에 저장하세요. 저장 형식을 "웹 페이지, HTML만"으로 고르면 _files 폴더가 만들어지지 않으니 "웹 페이지, 전체"인지도 확인해야 합니다.
저장한 뒤 정리할 것
_files 폴더 안에는 상품 이미지만 있는 게 아닙니다. 페이지가 불러온 CSS나 스크립트 파일이 같이 들어갈 수 있어서, 이미지만 모으려면 탐색기에서 "유형" 기준으로 정렬한 뒤 이미지 파일만 골라 옮기면 편합니다. 파일 이름은 원래 서버에 있던 이름을 따르는 경우가 많아서 페이지에 보이던 순서와 다르게 정렬될 수 있습니다. 대표 이미지가 몇 번째였는지 중요하다면 저장하기 전에 화면에서 순서를 한 번 확인해 두세요.
같은 상품을 여러 번 저장하거나 여러 상품을 같은 폴더에 받으면 이름이 겹친 파일 뒤에 (1) 같은 번호가 붙거나 이전 파일이 덮어씌워질 수 있습니다. 상품마다 고유번호로 폴더를 하나씩 만들어 저장하면 나중에 어떤 이미지가 어느 상품 것인지 헷갈리지 않습니다.
이미지 확장자가 낯선 형식(예를 들어 webp)으로 저장되는 경우도 있습니다. 최근 윈도우의 사진 앱과 브라우저로는 그대로 열리지만, 오래된 이미지 편집 프로그램이나 일부 쇼핑몰 업로드 화면에서는 받아 주지 않을 수 있으니 그때는 jpg나 png로 변환해서 쓰면 됩니다.
받은 이미지는 소싱 검토용으로 쓰고, 판매 페이지에 쓸 때는 이미지 사용 권한을 따로 확인하는 게 안전합니다. 기능 추가나 개선이 필요하면 문의 페이지로 알려 주세요.