用 Nano Banana Pro 製作電商詳情頁的 7 個實戰技巧 – 2026 完整教程

想用 AI 快速製作電商商品詳情頁，卻總是生成出 "一眼假" 的圖片？產品細節模糊、文字無法辨認、風格不統一… 這些問題是不是讓你很頭疼？

作爲電商賣家，我們深知詳情頁的重要性 —— 它直接決定了轉化率。傳統方式請設計師做一套詳情頁，成本高、週期長；而普通 AI 生圖工具又難以滿足電商場景的專業需求。

好消息是: Google 最新發布的 Nano Banana Pro （基於 Gemini 3 Pro Image） 在文字渲染、產品細節保留、多圖一致性方面有了質的飛躍，特別適合電商詳情頁製作。

核心價值: 讀完本文，你將掌握使用 Nano Banana Pro 製作專業電商詳情頁的完整流程，學會 7 個提升出圖質量的實戰技巧，並瞭解如何通過 API 實現批量生成。

Nano Banana Pro 電商詳情頁製作核心優勢

在開始實戰之前，先了解爲什麼 Nano Banana Pro 特別適合電商場景。

Nano Banana Pro 電商詳情頁的 4 大核心能力

1. 精準的文字渲染

這是 Nano Banana Pro 最大的突破。它能準確渲染中文、英文、數字，非常適合生成帶有:

• 促銷價格標籤 （如 "¥99.9 限時特惠"）
• 產品賣點文案 （如 "3 秒速熱 · 靜音設計"）
• 規格參數表格

2. 產品細節高保真

基於 Gemini 3 Pro 的視覺理解能力，Nano Banana Pro 能夠:

• 保留產品的紋理、材質、光澤
• 準確還原產品顏色
• 維持產品比例不變形

3. 多圖風格一致性

支持最多 14 張輸入圖片，保持:

• 統一的背景風格
• 一致的光影效果
• 相同的設計語言

4. 靈活的圖片編輯

支持對生成結果進行二次編輯:

• 局部重繪 （換背景、調元素）
• 圖片融合 （最多 8 張圖合成）
• 智能擴圖 （補全畫面）

🎯 技術建議: 想快速體驗 Nano Banana Pro 的電商詳情頁製作能力？通過 API易 apiyi.com 平臺可以直接調用 Nano Banana Pro API，無需配置 Google Cloud 賬號，5 分鐘即可開始生成。

Nano Banana Pro 電商詳情頁製作 7 個實戰技巧

以下是我們團隊在實際電商項目中總結的經驗，每個技巧都經過驗證。

技巧一: 產品主體必須用真實照片

核心原則: AI 生成背景和場景，但產品本身必須是真實拍攝的照片。

這是電商 AI 製圖的黃金法則。原因很簡單:

• AI 生成的產品容易出現細節失真
• 真實產品照片能避免退貨糾紛
• 平臺規則要求產品圖真實

正確做法:

提示詞結構:
[真實產品圖] + 場景描述 + 風格要求

示例:
"將這個白底產品圖放置在現代簡約的廚房場景中，
大理石臺面，柔和的自然光從左側窗戶照入，
背景略微虛化突出產品主體"

錯誤做法:

❌ "生成一個藍牙耳機的產品圖"
❌ "創建一個看起來像真實產品的圖片"

技巧二: 使用結構化提示詞模板

高質量的電商詳情頁圖片需要精確的提示詞。我們總結了一套模板:

完整提示詞示例:

產品: 便攜式藍牙音箱 （以上傳的產品圖爲主體）
場景: 放置在木質書桌上，旁邊有一杯咖啡和一本打開的書
光影: 溫暖的午後陽光從右側照入，形成柔和的陰影
風格: 北歐簡約風格，畫面乾淨清爽
構圖: 產品位於畫面右三分之一處，留出左側空間用於文案
文字: 在畫面左上角添加 "戶外必備 · 20小時續航" 文字，白色字體
輸出: 4K 分辨率，適合電商詳情頁使用

技巧三: 善用圖片融合做對比圖

電商詳情頁常見的 "使用前 vs 使用後" 對比圖，可以用 Nano Banana Pro 的圖片融合功能一鍵生成。

API 調用示例:

# 通過 API易 調用 Nano Banana Pro 圖片融合
import requests

response = requests.post（
    "https://api.apiyi.com/v1/images/generations"，  # API易統一接口
    headers={"Authorization": "Bearer YOUR_APIYI_KEY"}，
    json={
        "model": "nano-banana-pro"，
        "prompt": "創建一個左右對比圖，左側顯示凌亂的桌面，右側顯示使用收納盒整理後的整潔桌面，中間用白色分割線，添加'Before/After'標籤"，
        "input_images": ["messy_desk.jpg"， "organized_desk.jpg"， "storage_box.jpg"]，
        "size": "2048x2048"，
        "quality": "hd"
    }
）

🚀 快速開始: 通過 API易 apiyi.com 調用 Nano Banana Pro API，支持 OpenAI 兼容格式，現有代碼幾乎無需修改即可接入。

技巧四: 批量生成保持風格一致

詳情頁通常需要 5-10 張圖片，保持風格一致至關重要。

方法一: 使用同一 Seed 值

# 固定 seed 保持風格一致
base_config = {
    "model": "nano-banana-pro"，
    "seed": 42，  # 固定隨機種子
    "style_reference": "template_image.jpg"，  # 風格參考圖
}

scenes = [
    "產品主圖，純白背景，正面45度角"，
    "場景圖，放在廚房料理臺上使用"，
    "細節圖，特寫產品按鈕和接口"，
    "尺寸圖，與常見物品對比展示大小"，
    "包裝圖，展示產品包裝盒和配件"
]

for i， scene in enumerate（scenes）:
    response = generate_image（{
        **base_config，
        "prompt": f"{product_description}， {scene}"
    }）
    save_image（response， f"detail_page_{i+1}.jpg"）

方法二: 使用參考圖固定風格

Nano Banana Pro 支持上傳參考圖來控制生成風格:

技巧五: 文字渲染的最佳實踐

Nano Banana Pro 的文字渲染能力很強，但仍需注意一些技巧:

推薦做法:

• 文字內容簡短 （10 字以內效果最佳）
• 指定字體風格 （如 "現代無襯線字體"）
• 明確字體顏色和大小
• 預留文字區域 （避免與產品重疊）

文字渲染提示詞模板:

在圖片 [位置] 添加文字 "[內容]"，
使用 [顏色] 色 [風格] 字體，
字號 [大小]，
確保文字清晰可讀且與背景有足夠對比度

實際示例:

在圖片右上角添加文字 "限時特惠"，
使用紅色粗體現代字體，
字號較大突出顯示，
下方小字添加 "¥199 原價¥399"，
確保文字清晰可讀且與淺色背景有足夠對比度

技巧六: 針對不同平臺優化輸出

不同電商平臺對詳情頁圖片有不同要求:

針對亞馬遜的白底圖生成:

# 生成符合亞馬遜要求的純白背景產品圖
response = requests.post（
    "https://api.apiyi.com/v1/images/generations"，  # API易統一接口
    headers={"Authorization": "Bearer YOUR_APIYI_KEY"}，
    json={
        "model": "nano-banana-pro"，
        "prompt": "將產品放置在純白色背景 （RGB 255，255，255） 上，產品佔據畫面 85% 空間，無陰影，無反射，無任何文字或裝飾元素，專業產品攝影風格"，
        "input_images": ["product_photo.jpg"]，
        "size": "2048x2048"，
        "background_color": "#FFFFFF"
    }
）

技巧七: 建立可複用的模板庫

高效的電商詳情頁製作離不開模板化。建議建立以下模板:

1. 場景模板庫

SCENE_TEMPLATES = {
    "kitchen": "現代簡約廚房，大理石臺面，自然光照"，
    "office": "整潔的辦公桌，顯示器和鍵盤，專業氛圍"，
    "outdoor": "戶外草地野餐場景，陽光明媚，輕鬆愜意"，
    "gym": "健身房環境，運動器材背景，動感活力"，
    "bedroom": "溫馨臥室，柔和燈光，舒適放鬆氛圍"
}

2. 文案模板庫

COPY_TEMPLATES = {
    "discount": "限時特惠 · {discount}折"，
    "feature": "{feature1} · {feature2} · {feature3}"，
    "guarantee": "{days}天無理由退換"，
    "bestseller": "累計銷量 {count}+ 件"
}

3. 詳情頁結構模板

💡 選擇建議: 建立模板庫後，結合 API易 apiyi.com 的批量調用能力，可以實現一套詳情頁 10 分鐘內完成生成，效率提升 80% 以上。

Nano Banana Pro 電商詳情頁完整工作流

下面是一個完整的電商詳情頁製作流程，包含從素材準備到最終輸出的每個步驟。

第一步: 素材準備

必需素材:

• 產品白底圖 （高清，至少 2000px）
• 產品多角度圖 （正面、側面、背面）
• 產品細節圖 （材質、接口、按鈕等）

可選素材:

• 品牌 Logo
• 品牌色板
• 參考詳情頁截圖

第二步: 確定詳情頁結構

根據產品特點規劃詳情頁結構:

電商詳情頁標準結構:

1. 首圖 （場景圖/主圖）
   └── 展示產品核心使用場景

2. 賣點概覽圖
   └── 3-5 個核心賣點可視化

3. 產品細節圖 （2-3張）
   └── 材質、工藝、功能細節

4. 使用場景圖 （2-3張）
   └── 不同場景下的使用演示

5. 規格參數圖
   └── 尺寸、重量、材質等信息

6. 包裝清單圖
   └── 展示用戶收到的所有物品

7. 品牌背書圖
   └── 資質、榮譽、用戶評價

第三步: 編寫提示詞

爲每張圖片編寫結構化提示詞:

# 電商詳情頁完整提示詞示例 - 以藍牙耳機爲例

prompts = [
    # 圖1: 場景主圖
    """
    產品: 無線藍牙耳機 （使用上傳的產品圖）
    場景: 年輕職場人在咖啡廳辦公，戴着耳機專注工作
    風格: 現代都市，溫暖色調，lifestyle風格
    構圖: 產品和人物位於畫面中心，背景略虛化
    文字: 無
    分辨率: 4K
    """，

    # 圖2: 賣點概覽圖
    """
    佈局: 產品居中，周圍環繞4個賣點圖標
    賣點1: 左上 - 降噪圖標 + "主動降噪-42dB"
    賣點2: 右上 - 電池圖標 + "續航36小時"
    賣點3: 左下 - 連接圖標 + "藍牙5.3穩定連接"
    賣點4: 右下 - 舒適圖標 + "人體工學設計"
    風格: 簡潔信息圖風格，深色背景，白色文字
    """，

    # 圖3: 降噪功能細節
    """
    內容: 展示耳機降噪技術的可視化效果
    元素: 聲波圖形，耳機剖面圖，降噪芯片特寫
    文字: "智能降噪技術" 作爲標題，"環境噪音-42dB" 作爲數據
    風格: 科技感，深藍色調，光效點綴
    """，

    # 圖4: 佩戴舒適度
    """
    場景: 不同人羣佩戴耳機的舒適狀態
    展示: 跑步、辦公、睡眠三個場景的佩戴效果
    佈局: 三宮格橫向排列
    文字: 每個場景下方標註 "運動防掉"、"久戴不累"、"側睡舒適"
    """，

    # 圖5: 產品尺寸圖
    """
    內容: 耳機與常見物品的大小對比
    對比物: 硬幣、手機、鑰匙
    標註: 精確尺寸數字 （65mm x 45mm x 30mm）
    風格: 工程圖紙風格，清晰的標註線
    背景: 淺灰色網格背景
    """，

    # 圖6: 包裝清單
    """
    佈局: 俯拍平鋪展示所有配件
    物品: 耳機主體、充電盒、Type-C線、3副耳塞、說明書
    標註: 每個物品旁標註名稱
    背景: 純白色
    風格: 極簡開箱風格
    """，

    # 圖7: 品牌背書
    """
    內容: 品牌資質和用戶好評展示
    元素: 品牌Logo、Hi-Res認證標誌、銷量數據、精選好評
    佈局: 上方品牌信息，下方用戶評價輪播樣式
    風格: 可信賴的品牌感，金色點綴
    """
]

第四步: 批量生成圖片

# 使用 API易 批量生成電商詳情頁
import asyncio
from openai import AsyncOpenAI

client = AsyncOpenAI（
    api_key="your-apiyi-key"，
    base_url="https://api.apiyi.com/v1"  # API易統一接口
）

async def generate_detail_page（product_images， prompts， seed=42）:
    """批量生成電商詳情頁圖片"""
    tasks = []

    for i， prompt in enumerate（prompts）:
        task = client.images.generate（
            model="nano-banana-pro"，
            prompt=prompt，
            n=1，
            size="2048x2048"，
            quality="hd"，
            extra_body={
                "input_images": product_images，
                "seed": seed，  # 保持風格一致
                "style_consistency": True
            }
        ）
        tasks.append（task）

    results = await asyncio.gather（*tasks）
    return [r.data[0].url for r in results]

# 執行生成
product_images = ["product_front.jpg"， "product_side.jpg"]
image_urls = asyncio.run（generate_detail_page（product_images， prompts））

第五步: 質量檢查與調整

生成後需要檢查以下內容:

Nano Banana Pro 電商詳情頁常見問題

"純產品展示圖，不添加任何文字、水印、圖標、裝飾元素，
產品佔據畫面 80% 以上，純白色背景"

Nano Banana Pro 與其他 AI 圖生工具對比

💰 成本優化: 如果你需要同時使用多個 AI 模型，API易 apiyi.com 提供統一接口，支持 Nano Banana Pro、DALL-E 3、Midjourney 等多種模型，按需切換，統一計費。

總結

使用 Nano Banana Pro 製作電商詳情頁，核心在於掌握以下 7 個技巧:

1. 產品主體用真實照片 – AI 只負責背景和場景
2. 使用結構化提示詞模板 – 包含場景、光影、風格、構圖、文字五要素
3. 善用圖片融合做對比圖 – Before/After 一鍵生成
4. 批量生成保持風格一致 – 固定 Seed + 風格參考圖
5. 文字渲染的最佳實踐 – 簡短、大號、高對比
6. 針對不同平臺優化輸出 – 瞭解各平臺規格要求
7. 建立可複用的模板庫 – 提升長期效率

Nano Banana Pro 在文字渲染和產品保真方面的突破，讓 AI 生成的電商詳情頁終於達到了可商用的水準。配合 API易 apiyi.com 的便捷接入，電商賣家可以實現:

• 效率提升 80%: 一套詳情頁從 2 天縮短到 10 分鐘
• 成本降低 99%: 從數百元降到幾元錢
• 快速迭代測試: A/B 測試不同風格的詳情頁

推薦通過 API易 apiyi.com 快速開始體驗，該平臺支持 Nano Banana Pro 等主流 AI 圖生模型，提供 OpenAI 兼容接口和國內直連訪問。

參考資料

1. Google AI – Nano Banana Pro 官方文檔

   • 鏈接: ai.google.dev/gemini-api/docs/image-generation
   • 說明: Nano Banana Pro API 使用指南

2. Shopify Magic – AI 產品描述生成

   • 鏈接: www.shopify.com/magic
   • 說明: Shopify 官方 AI 工具介紹

3. 電商 AI 圖生最佳實踐

   • 鏈接: claid.ai/blog/article/ai-product-photo-tools
   • 說明: 2026 年電商 AI 工具彙總

📝 作者: APIYI Team
🔗 技術支持: API易 apiyi.com – 一站式 AI 大模型 API 中轉平臺
📅 更新日期: 2026-01-24