한 장의 소재로, 모든 규격의 썸네일을 자동 생성하다

디자이너가 포토샵으로 일일이 만들던 플랫폼별 PC·MO 썸네일을, 소재 이미지만으로 자동 합성·리사이징합니다.

산업: 건강기능식품 유통
협업 영역: 디자인 워크플로우 자동화
결과물: PC · MO 전 규격

1세트입력 소재 (누끼·로고·배너)

14종+규격·컷 자동화

100+컷 일괄 생성

수 분제작 시간 (장당 수십 분 → )

과제

플랫폼마다, 규격마다, 손으로 다시 그렸습니다

건강기능식품은 자사몰·오픈마켓·종합몰 등 판매 채널마다 요구하는 썸네일 규격이 제각각입니다. 같은 제품이라도 PC와 모바일(MO) 비율이 다르고, 채널별로 크기가 다릅니다.

디자이너는 신제품·이벤트가 생길 때마다 포토샵으로 규격 하나하나를 일일이 제작했습니다. 단순 반복인데도 장당 수십 분이 들고, 사람이 하다 보니 채널 간 레이아웃·여백이 미묘하게 달라지는 일관성 문제도 있었습니다.

제품 수가 늘수록 이 반복 작업은 디자이너의 시간을 그대로 잡아먹었습니다.

접근 방식

소재만 넣으면, 나머지는 자동입니다

알파게이트는 디자이너의 합성 규칙을 코드로 옮겨, 누끼 소재 이미지만 올리면 모든 규격의 썸네일이 자동으로 만들어지는 도구를 제작했습니다. 별도 설치 없이 브라우저에서 단독 실행됩니다.

자동 합성

누끼 상품·로고·띠배너·증정 이미지를 규격별 레이아웃에 자동 배치합니다.

멀티 규격 출력

PC·MO 독립 마스터에서 모든 판매 채널 규격으로 한 번에 리사이징합니다.

컷 변형 자동화

기본·배너·증정 컷과 수량별(1~12개) 구성 레이아웃을 자동 생성합니다.

포토샵급 화질

단일 bicubic + 언샤프 마스크로 다운스케일 손실 없이 선명한 결과를 보장합니다.

결과 시각화

소재 한 세트가, ZIP 하나로

소재를 올리고 실행하면, 모든 판매 채널의 PC·MO 규격이 폴더 구조 그대로 ZIP 한 개로 묶여 한 번에 내려받아집니다. 디자이너가 규격마다 따로 저장할 필요가 없습니다.

입력 — 소재 이미지 한 세트

자동 합성 · 리사이징 · 패키징 ↓

ZIP 제품명_output.zip

├ PC/
│   ├ 1000×1000/        (+ _banner)
│   └ 550×550/          (+ _banner)
└ MO/
    ├ 1080×580/         (+ _banner)
    ├ 640×320/          (+ _banner)
    ├ 640×350/          (+ _banner)
    ├ 640×360/          (+ _banner)
    └ 720×400/          (+ _banner)

PC 2규격 · MO 5규격 × 기본·배너 컷 = 14개 폴더 · 100컷+ 이미지가 ZIP 하나로

생성 결과 예시