상세페이지 이미지 생성 AI 에이전트

00이 도구가 하는 일

상세페이지를 만들 때 가장 손이 많이 가는 부분이 섹션마다 들어갈 이미지입니다. 이 도구는 그 작업을 자동화합니다.

제품 대표 이미지 한 장을 올리면, AI가 먼저 제품을 분석해 상세페이지 표준 흐름(히어로 → 문제제기 → … → 브랜드클로징)에 맞는 15개 섹션별 이미지 생성 계획을 짭니다. 그다음 원하는 섹션만 골라 이미지를 생성하고, 마음에 안 드는 컷은 그 자리에서 다시 만들거나 프롬프트(이미지 생성 지시문)를 직접 고쳐 재생성할 수 있습니다.

입력 — 제품 대표 이미지 1장, 또는 PageCraft(상세페이지 기획 도구)에서 내려받은 기획서 HTML 파일
처리 — AI가 제품의 색·소재·분위기를 파악해 모든 섹션의 톤을 통일
출력 — 섹션별 이미지(PNG). 개별 저장 또는 전체 ZIP 한 번에 저장

📌 한눈에

“대표 이미지 1장 → 상세페이지 한 벌(15컷)”을 만드는 도구입니다. 완성된 컷을 그대로 쓰기도 하고, 마음에 드는 2~3컷을 골라 다듬어 쓰기도 합니다.

013분 빠른 시작

자세한 설명은 뒤에서 다루고, 우선 전체 흐름부터 잡아보겠습니다.

대표 이미지 올리기

STEP 1에서 ‘대표 이미지 업로드’를 선택하고 제품 사진 1장을 올립니다. (선택) 제품명·특징·톤을 적으면 결과가 더 정확해집니다.

모델 선택 + API 키 입력

STEP 2에서 이미지 모델(나노바나나 또는 ChatGPT)을 고르고, 그 모델에 맞는 API 키를 붙여넣은 뒤 ‘저장’을 누릅니다.

섹션 분석 & 선택

다음 — 섹션 분석 & 선택을 누르면 AI가 15개 섹션 계획을 만들어 보여줍니다. 원하는 섹션만 체크하세요.

생성 & 저장

선택한 N개 섹션 생성을 누르면 이미지가 만들어집니다. 완성되면 ⬇ 전체 ZIP 저장으로 한 번에 받으세요.

💡 팁

처음엔 섹션 2~3개만 체크해 ‘테스트 생성’으로 결과 톤을 확인한 뒤, 마음에 들면 나머지를 마저 생성하는 방식을 권합니다. 비용도 아끼고 시행착오도 줄어듭니다.

02시작 전 준비물

세 가지만 준비되면 됩니다: ① 로그인 계정, ② API 키, ③ 제품 대표 이미지.

이 도구는 회원 전용입니다. 접속하면 먼저 로그인 화면이 나오고, 로그인을 해야 도구가 열립니다. GIF 애니메이션·썸네일 에이전트와 하나의 계정으로 연결(SSO)되어 있어, 한 곳에서 로그인하면 다른 도구도 그대로 이용됩니다.

로그인하면 화면 상단에 멤버십 바가 나타나 현재 요금제와 남은 기간(D-day)을 보여줍니다.
만료가 3일 이내로 남으면 주황색, 만료되면 빨간색으로 바뀌며 요금 안내 링크가 표시됩니다.
요금제·연장은 멤버십 안내 페이지에서 확인할 수 있습니다(로그인 화면과 멤버십 바의 링크).

📌 참고

오른쪽 위 로그아웃 버튼으로 언제든 로그아웃할 수 있습니다. 로그인 계정 정보(이름·이메일)는 상단에 표시됩니다.

API 키 발급 (가장 중요)

이미지를 만드는 ‘연료’가 바로 API 키입니다. 이 도구는 여러분 본인의 API 키로 직접 AI에 연결합니다. 즉 생성 비용은 선택한 AI 회사(구글/OpenAI)에 본인 계정으로 과금됩니다. 어떤 모델을 쓰느냐에 따라 필요한 키가 다릅니다.

① 나노바나나(구글)를 쓸 경우 — Google AI 키

aistudio.google.com/apikey 접속 → 구글 계정 로그인
‘Create API key(API 키 만들기)’ 클릭 → 생성된 키 복사 (AIza… 로 시작)
도구의 STEP 2 ‘Google AI API 키’ 칸에 붙여넣고 저장

💡 팁

구글은 무료 사용량이 제공되어 부담이 적습니다. 처음 시작하거나 대량으로 뽑을 때 가성비가 가장 좋습니다.

② ChatGPT(OpenAI)를 쓸 경우 — OpenAI 키

platform.openai.com/api-keys 접속 → 로그인
‘Create new secret key’ 클릭 → 생성된 키 복사 (sk-… 로 시작, 한 번만 보이니 꼭 복사·보관)
도구의 STEP 2 ‘OpenAI API 키’ 칸에 붙여넣고 저장

⚠ 꼭 확인

OpenAI의 이미지 모델(gpt-image 계열)은 조직 인증(Organization verification)이 완료된 계정에서만 동작합니다. ChatGPT 모드에서 “모델을 사용할 수 없습니다” 류의 오류가 나면, OpenAI 플랫폼의 Settings → Organization에서 인증을 먼저 마쳐 주세요. 또한 OpenAI는 무료 사용량이 없는 종량제(쓴 만큼 과금)입니다.

🔒 보안

입력한 키는 여러분의 브라우저(이 기기)에만 저장되며, 우리 서버에 보관되지 않습니다. 생성할 때만 안전하게 AI로 전달됩니다. 공용 PC에서는 사용 후 로그아웃을, 키 유출이 의심되면 발급처에서 즉시 ‘키 삭제(Revoke)’를 권합니다.

제품 대표 이미지

제품이 또렷하게 보이는 정면/대표 컷 1장이면 충분합니다. (JPG·PNG)
배경이 지저분하면 도구의 누끼 기능으로 깔끔하게 만들 수 있습니다(아래 STEP 1 참고).
PageCraft 기획서가 있다면 이미지 대신 그 HTML 파일을 올려도 됩니다.

03이미지 모델 고르기

세 가지 모델 중 하나를 고릅니다. 정답은 없고, 용도와 예산에 맞춰 선택하세요.

🍌 나노바나나 2

gemini-3.1-flash-image-preview

빠르고 저렴합니다. 대량으로 여러 컷을 뽑거나, 톤을 빠르게 확인할 때 좋습니다.

가성비 · 대량작업

🍌 나노바나나 프로

gemini-3-pro-image-preview

품질과 디테일이 한 단계 높습니다. 인포그래픽·비교표처럼 정밀함이 필요한 컷에 유리합니다.

고품질

⬛ ChatGPT 이미지

gpt-image-2 (누끼 gpt-image-1.5)

OpenAI의 최신 이미지 모델입니다. 표현 성향이 달라 결과 분위기가 다릅니다.

OpenAI · 종량제

키 연결 규칙

나노바나나 2 / 프로 → Google AI 키
ChatGPT → OpenAI 키
모델을 바꾸면 입력하는 키 칸도 자동으로 바뀝니다. 선택한 모델에 맞는 키 한 종류만 넣으면 됩니다.

📌 어떤 모델이 만들었는지 확인

각 이미지 아래에 ‘생성 엔진’ 라벨이 표시됩니다(예: ChatGPT · gpt-image-2 또는 나노바나나 2 · gemini-3.1-flash-image-preview). 어떤 모델로 생성됐는지 헷갈릴 때 이 라벨로 확인하세요.

04STEP 1 · 입력

두 가지 입력 방식 중 하나를 고릅니다.

① HTML 기획서 업로드

PageCraft에서 내려받은 상세페이지 기획서(HTML)를 올리면, 기획서에 정의된 섹션 구성을 그대로 가져옵니다.

② 대표 이미지 업로드 (가장 일반적)

제품 대표 이미지 1장을 올립니다. AI가 이 이미지를 분석해 섹션 계획을 짭니다. 아래 정보를 함께 적으면 결과가 더 정확해집니다(선택).

제품명 — 예: “설향 딸기 1kg”
카테고리·특징 — 예: “고당도 생딸기, 산지직송, 당일수확”
타깃·톤 — 예: “2030 주부, 신선하고 프리미엄한 느낌”

누끼(배경 제거) 만들기

대표 이미지의 배경이 복잡하면, 제품만 깔끔하게 분리한 누끼 이미지를 만들 수 있습니다. 누끼를 만들면 이후 ‘제품 포함’ 섹션들이 이 깨끗한 이미지를 기준으로 생성됩니다.

✂ 누끼 만들기 — 배경을 제거합니다. (ChatGPT 모드는 투명 PNG를 바로 생성하고, 나노바나나 모드는 초록 배경 컷을 만든 뒤 그 색을 투명 처리합니다)
⬇ 누끼 PNG 저장 — 만들어진 투명 누끼 이미지를 따로 저장합니다.
↩ 원본으로 되돌리기 — 누끼를 취소하고 원래 이미지로 되돌립니다.

⚠ 나노바나나 누끼 주의

나노바나나 누끼는 ‘초록색 빼기’ 방식이라, 제품 자체에 초록색이 많으면(예: 잎채소) 그 부분까지 지워질 수 있습니다. 이런 제품은 ChatGPT 모드 누끼를 쓰거나, 누끼 없이 원본을 그대로 사용하는 편이 안전합니다.

05STEP 2 · 모델 & 설정

모델·키·이미지 규격을 정하고 예상 비용을 확인하는 단계입니다.

모델 선택

나노바나나 2 / 프로 / ChatGPT 중 하나를 클릭합니다(선택되면 테두리가 강조됩니다).

API 키 입력 · 저장

선택한 모델에 맞는 키 칸이 나타납니다. 키를 붙여넣고 저장을 누르면 ‘입력됨’으로 바뀝니다. (다음부터 이 기기에서는 자동으로 불러옵니다)

비율(가로세로) 선택

상세페이지는 보통 세로형을 씁니다. 정사각형(1:1), 세로(4:5), 세로 긴(9:16), 가로(16:9) 중에서 고르세요. 상세페이지 본문 컷은 4:5 또는 9:16을 권장합니다.

해상도 선택

1K / 2K / 4K 중 선택합니다(주로 나노바나나에 적용). 높을수록 선명하지만 비용·시간이 늘어납니다.

예상 비용 확인

‘예상 비용’ 카드에 15개 섹션 기준 대략 금액(달러·원화)이 표시됩니다. 모델·해상도를 바꾸면 즉시 다시 계산됩니다.

📌 다음 단계

설정이 끝나면 다음 — 섹션 분석 & 선택 → 버튼을 누릅니다. (이 버튼은 아직 이미지를 만들지 않고, 먼저 ‘섹션 계획’만 만듭니다.)

06STEP 3 · 분석 · 선택 · 생성

이 도구의 핵심 화면입니다. ‘분석 → 선택 → 생성’ 2단계로 진행됩니다.

섹션 분석

버튼을 누르면 AI가 제품을 분석해 15개 섹션 계획(섹션명·프롬프트·제품/인물 여부)을 만들어 카드로 보여줍니다. 아직 이미지는 만들지 않습니다.

섹션 선택

각 카드의 체크박스로 생성할 섹션을 고릅니다. 상단의 전체 선택 / 전체 해제로 한 번에 조절할 수도 있습니다.

선택 생성

선택한 N개 섹션 생성을 누르면 체크한 섹션만 차례로 생성됩니다. 같은 버튼으로 선택 섹션만 다시 생성할 수도 있습니다.

💡 왜 2단계인가요?

분석과 생성을 분리해, 필요한 컷만 골라 생성할 수 있게 했습니다. 불필요한 섹션까지 자동 생성되지 않으니 비용이 절약됩니다.

섹션 카드의 기능

카드를 펼치면(클릭) 아래 기능들이 나옵니다.

기능	설명
제품 포함 / 연출 컷 배지·전환	제품이 주인공인 컷인지, 분위기 컷인지 전환합니다. (자세히는 8장)
인물 포함 / 없음 배지·전환	사람이 등장하는지 여부를 전환합니다. (자세히는 8장)
프롬프트 입력창	AI가 만든 생성 지시문을 직접 수정할 수 있습니다. (자세히는 9장)
✎ 이 프롬프트로 생성	수정한 프롬프트로 그 섹션을 다시 생성합니다.
↺ 재생성	같은 설정으로 다시 한 번 뽑습니다(매번 조금씩 달라집니다).
복사 / ↩ 원래대로	프롬프트를 복사하거나, 처음 AI가 만든 문장으로 되돌립니다.
⬇ 저장 / 생성 엔진 라벨	그 컷만 저장합니다. 아래에 어떤 모델로 생성됐는지 표시됩니다.

결과 화면 하단 버튼

⬇ 전체 ZIP 저장 — 생성된 모든 이미지를 상세페이지_섹션이미지.zip 파일 하나로 받습니다(01_히어로.png 형식).
↺ 실패 재생성 — 생성에 실패한 섹션만 다시 시도합니다.
↩ 처음으로 — 입력 화면으로 돌아갑니다(좌측 상단 로고 클릭도 동일).

0715개 섹션 설명

상세페이지 표준 흐름을 따른 15개 섹션입니다. AI가 일부를 빠뜨리더라도 항상 15개가 모두 채워집니다(‘문제해결’ 포함). 표의 ‘기본값’은 처음 분석이 잡는 기본 설정이며, 카드에서 언제든 바꿀 수 있습니다.

#	섹션	용도	기본값
1	히어로	첫인상. 제품을 가장 매력적으로 보여주는 대표 컷	제품 인물X
2	문제제기	고객이 겪는 불편·고민을 떠올리게 하는 장면	연출 인물
3	문제공감	그 불편에 공감하는 감성 컷	연출 인물
4	USP	이 제품만의 가장 강력한 강점 하나를 부각	제품 인물X
5	원료스토리	원산지·원료 이야기(식품: 농장/하우스/수확 등)	연출 인물X
6	특징기능	질감·디테일을 보여주는 클로즈업	제품 인물X
7	문제해결	제품으로 문제가 해결된 결과(after) 컷	제품 인물X
8	사용법	실제 사용·섭취 방법(식품: 세척·플레이팅·요거트 곁들임 등)	제품 인물X
9	라이프스타일	실제 생활 속에 제품이 녹아든 한 장면	연출 인물
10	비교표	표를 얹기 좋은, 인물 없는 깔끔한 스튜디오 컷	제품 인물X
11	신뢰배지	인증·신선보장 느낌의 신뢰감 있는 컷	연출 인물X
12	후기	만족한 고객 반응/따뜻한 후기 무드	연출 인물
13	FAQ	단순하고 깔끔한 중립 컷	연출 인물X
14	구성스펙	구매 시 받는 구성(식품: 택배 박스/선물 박스/트레이 포장)	제품 인물X
15	브랜드클로징	브랜드 마무리 시그니처 무드	연출 인물X

08제품/연출 · 인물 토글

같은 섹션도 두 개의 스위치로 분위기를 크게 바꿀 수 있습니다.

제품 포함 ↔ 연출 컷

제품 포함 — 제품이 화면의 주인공입니다(크고 선명하게). 제품 자체를 보여줘야 하는 섹션(히어로·USP·특징·비교표·구성스펙 등)에 적합합니다.
연출 컷 — 제품을 주인공으로 두지 않고 분위기·상황·감성을 담습니다. 제품은 안 보이거나 배경에 흐릿하게만 들어갑니다. 문제제기·공감·라이프스타일 같은 섹션에 적합합니다.

인물 포함 ↔ 인물 없음

인물 포함 — 한국인 모델이 자연스럽게 등장합니다.
인물 없음 — 사람 없이 제품·장면만 보여줍니다. 비교표·신뢰배지·FAQ·구성스펙처럼 사람이 필요 없는 컷에 적합합니다.

💡 조합해서 쓰기

두 스위치를 조합하면 같은 섹션도 (제품 주인공·사람 없음), (분위기·사람 있음) 등 다르게 뽑을 수 있습니다. 이미 생성된 컷에서 스위치를 바꾸면 그 컷만 자동으로 다시 생성됩니다(아직 생성 전이면 설정만 바뀌고, 다음 생성 때 반영되어 불필요한 과금을 막습니다).

09프롬프트 직접 수정

AI가 만든 결과가 아쉬울 때, 생성 지시문(프롬프트)을 직접 고쳐 원하는 장면을 만들 수 있습니다.

섹션 카드를 펼치면 프롬프트 입력창이 보입니다.
원하는 장면을 자유롭게 고쳐 씁니다.
✎ 이 프롬프트로 생성을 누르면 수정한 내용으로 다시 만듭니다.
되돌리고 싶으면 ↩ 원래대로를 누르면 처음 문장으로 복원됩니다.

💡 프롬프트 작성 요령

• 영어로 쓰는 것을 권장합니다(이미지 AI가 영어를 더 정확히 따릅니다. 한글도 되지만 영어가 안정적).

• 장면·구도·소품·조명을 구체적으로: 예) “fresh strawberries washed under running water in a stainless colander, bright kitchen, morning light, top-down view”.

• 인물·제품 여부는 프롬프트보다 카드의 토글로 조절하는 편이 깔끔합니다.

• 이미지 안에 글자가 들어가지 않게 하는 규칙은 자동 적용됩니다(따로 안 써도 됩니다).

10다운로드 · 결과 활용

개별 저장 — 각 이미지의 ⬇ 저장 버튼.
전체 저장 — 하단의 ⬇ 전체 ZIP 저장으로 한 번에. 파일명은 01_히어로.png처럼 순서·섹션명이 붙습니다.
받은 이미지는 상세페이지 편집 도구(PageCraft, 포토샵, 미리캔버스 등)에 그대로 배치해 사용하면 됩니다.

📌 텍스트는 따로

생성 이미지에는 글자가 들어가지 않습니다(깔끔한 비주얼 용도). 헤드라인·설명 문구는 상세페이지 편집 단계에서 얹어 주세요.

11비용 안내

생성 비용은 선택한 AI 회사에 본인 키로 과금됩니다. 아래는 장당 대략 단가이며, 도구의 ‘예상 비용’ 카드가 자동 계산해 보여줍니다.

모델	장당(대략)	15개 섹션(대략)	비고
나노바나나 2	약 $0.03	약 $0.45	무료 사용량 있음 · 가성비
나노바나나 프로	약 $0.134	약 $2.0	고품질
ChatGPT (gpt-image-2)	약 $0.21	약 $3.2	종량제 · 조직 인증 필요

💰 꼭 알아두기

• 위 금액은 예상치입니다. 실제 비용은 프롬프트 길이·참조 이미지·해상도에 따라 달라집니다.

• 해상도를 높이면(2K·4K) 단가가 올라갑니다. 환율은 도구에서 $1 = 약 1,380원으로 계산합니다.

• 정확한 청구액은 각 플랫폼 대시보드(OpenAI Usage / Google AI Studio)에서 확인하세요.

12자주 묻는 질문

로그인이 안 되고 오류가 떠요.

대개 일시적인 문제이니 새로고침 후 다시 시도해 보세요. GIF·썸네일 에이전트와 같은 계정을 쓰는지 확인하세요. 계속 ‘Callback URL’ 류의 오류가 보이면 운영자(상세페이지연구소)에게 알려 주세요(도구 주소 등록 관련 설정 문제일 수 있습니다).

ChatGPT를 골랐는데 이미지가 안 만들어져요.

① OpenAI 키가 sk- 로 시작하는 올바른 키인지, 저장했는지 확인하세요. ② OpenAI 이미지 모델은 조직 인증이 끝난 계정에서만 동작합니다(Settings → Organization). ③ 화면에 뜨는 오류 문구를 그대로 운영자에게 전달하면 빠르게 도와드릴 수 있습니다.

ChatGPT를 골랐는데 나노바나나로 만들어진 것 같아요.

이미지 아래 ‘생성 엔진’ 라벨을 확인하세요. gpt-image-2 로 표시되면 ChatGPT가 맞습니다. 모델 카드에서 ⬛ ChatGPT가 실제로 선택(테두리 강조)됐는지도 확인해 주세요.

모든 컷에 사람이 나와요 / 컷이 다 비슷해요.

각 카드의 ‘인물 없음’으로 바꾸면 사람을 뺄 수 있고, ‘제품 포함 ↔ 연출 컷’으로 분위기를 바꿀 수 있습니다. 섹션마다 컨셉이 다르게 나오도록 설계돼 있지만, 아쉬운 컷은 프롬프트를 직접 수정하거나 재생성으로 다듬는 것을 권합니다.

생성된 딸기(제품)가 원본 사진과 너무 똑같아요.

무포장 식품·원물은 원본을 그대로 복제하지 않고 묘사 기반으로 다양하게 그리도록 되어 있습니다. 그래도 비슷하면 해당 섹션의 프롬프트에서 구도·상황을 바꿔(예: 접시·도마·박스·요거트 등) ‘이 프롬프트로 생성’을 눌러보세요.

이미지 안에 글자가 들어가요.

기본적으로 글자가 안 들어가도록 지시하지만, AI가 가끔 넣을 때가 있습니다. 재생성하면 대부분 해결됩니다. 텍스트는 상세페이지 편집 단계에서 얹는 것을 권합니다.

‘문제해결’ 섹션이 안 보여요.

이제 15개 섹션(문제해결 포함)이 항상 고정으로 표시됩니다. 혹시 비어 보이면 그 카드에서 ‘재생성’ 또는 ‘이 프롬프트로 생성’을 눌러 채우세요.

API 키가 외부로 새지 않나요?

키는 이 기기 브라우저에만 저장되며 서버에 보관되지 않습니다. 생성할 때만 해당 AI로 전달됩니다. 공용 PC라면 사용 후 브라우저 데이터를 지우거나, 발급처에서 키를 삭제하세요.

멤버십이 만료되면 어떻게 되나요?

상단 멤버십 바가 빨간색으로 바뀌고 요금 안내 링크가 표시됩니다. 링크를 통해 연장하면 계속 이용할 수 있습니다.

13잘 뽑는 요령 (정리)

대표 이미지는 또렷하게. 제품이 선명할수록 분석·생성 품질이 올라갑니다.
제품명·특징·톤을 적어주세요. AI가 컨셉을 더 정확히 잡습니다.
테스트 먼저. 2~3개 섹션만 생성해 톤을 확인하고, 마음에 들면 전체를 생성하세요(비용·시간 절약).
아쉬우면 다듬기. ‘재생성’으로 변주를 뽑고, 그래도 아쉬우면 ‘프롬프트 직접 수정’으로 장면을 바꾸세요.
스위치를 적극 활용. ‘인물 없음’·‘연출 컷’ 조합으로 섹션 성격에 맞게 조절하세요.
모델을 바꿔 비교. 같은 섹션을 나노바나나와 ChatGPT로 각각 뽑아 더 나은 쪽을 고르는 것도 좋습니다.
고해상도는 최종본에만. 시안은 1K로 빠르게, 최종 채택 컷만 2K·4K로 다시 뽑으면 비용 효율이 좋습니다.

상세페이지 이미지 생성 AI 에이전트 · 사용 매뉴얼 · 제작 상세페이지연구소
도구 주소 detail-page-agent.pages.dev · 본 매뉴얼은 인쇄(또는 PDF 저장)해 배포하실 수 있습니다.