>Pollinations.AI 筆記

Pollinations.AI 筆記

免費開源的 AI 圖像生成平台，無需註冊，即刻開始創作

100% 免費

隱私保護

開源專案

AI同心圓愛教育聯盟

快速入門 - 3 分鐘學會使用

輸入描述

用自然語言描述你想要的圖像

設定參數

選擇尺寸、風格和其他選項

獲得結果

立即生成高品質 AI 圖像

立即體驗 Live Demo

圖像描述

寬度

高度

風格模型

基本 URL 結構理解

標準 API 格式

https://image.pollinations.ai/prompt/{您的描述}?參數1=值1&參數2=值2

🔗

基礎 URL

固定的 API 端點地址

https://image.pollinations.ai/prompt/

💬

提示詞

您的圖像描述文字

A cat riding a bicycle

⚙️

參數設定

自訂尺寸、風格等選項

?width=512&height=512

實際範例解析

https://image.pollinations.ai/prompt/A cat riding a bicycle?width=512&height=512&seed=1024&nologo=true&enhance=true

提示詞: "A cat riding a bicycle"
寬度: 512 像素
高度: 512 像素

種子值: 1024 (可重現結果)
無水印: 是
增強效果: 是

完整參數指南

尺寸設定

width 16-2048

height 16-2048

常用尺寸:

• 512×512 (正方形)

• 1024×768 (4:3)

• 1920×1080 (16:9)

• 768×1024 (3:4)

種子值控制

seed 整數值

用途說明:

• 相同 seed = 相同結果
• 不設定 = 隨機生成
• -1 = 強制隨機
• 用於 A/B 測試比較

效果增強

enhance true/false

功能說明:

• 提升圖像細節
• 增強色彩飽和度
• 改善整體品質
• 輕微增加生成時間

隱私與安全

nologo 移除水印

private 私人模式

safe 安全過濾

Flux (預設)

平衡品質與速度

✅ 通用性最強
✅ 速度適中
✅ 品質穩定
✅ 適合新手

model=flux

Flux Pro

增強版，更高品質

✅ 最高品質
✅ 細節豐富
⚠️ 生成較慢
🎯 專業用途

model=flux-pro

Flux Realism

寫實風格專精

✅ 照片級真實感
✅ 人物肖像佳
✅ 自然光影
🎯 寫實場景

model=flux-realism

Flux Anime

動漫風格特化

✅ 動漫風格
✅ 卡通插畫
✅ 色彩鮮艷
🎯 二次元創作

model=flux-anime

Flux 3D

立體感強化

✅ 3D 渲染風格
✅ 立體層次
✅ 材質表現
🎯 產品設計

model=flux-3d

Turbo

快速生成模式

⚡ 生成超快
✅ 適合測試
⚠️ 品質一般
🎯 快速預覽

model=turbo

提示詞優化技巧

基本結構

主體 + 動作 + 環境 + 風格

例: "一位年輕女性 + 在咖啡廳裡讀書 + 溫暖的午後陽光 + 水彩畫風格"

進階技巧

• 使用具體的形容詞
• 添加攝影術語
• 指定藝術家風格
• 控制色彩調性

性能優化建議

快速生成

• 使用 turbo 模型
• 較小的尺寸
• 簡潔的提示詞
• 關閉 enhance

高品質輸出

• 使用 flux-pro
• 開啟 enhance
• 適當的尺寸比例

穩定結果

• 設定固定 seed
• 使用相同參數
• 測試不同變化

程式碼範例與整合

基礎 JavaScript 實現

// 基本圖像生成函數
function generateImage(prompt, options = {}) {
    const baseUrl = 'https://image.pollinations.ai/prompt/';
    const encodedPrompt = encodeURIComponent(prompt);

    const params = new URLSearchParams({
        width: options.width || 1024,
        height: options.height || 1024,
        model: options.model || 'flux',
        enhance: options.enhance || false,
        nologo: options.nologo || true,
        ...options
    });

    return `${baseUrl}${encodedPrompt}?${params}`;
}

// 使用範例
const imageUrl = generateImage(
    "一隻可愛的小貓在花園裡玩耍",
    {
        width: 768,
        height: 768,
        model: 'flux-anime',
        enhance: true
    });

console.log(imageUrl);

進階 React Hook

// React Hook 實現
import { useState, useEffect } from 'react';

function usePollinations(prompt, options) {
    const [imageUrl, setImageUrl] = useState(null);
    const [loading, setLoading] = useState(false);

    useEffect(() => {
        if (!prompt) return;

        setLoading(true);
        const url = generateImage(prompt, options); // Assuming generateImage is defined globally or imported
        setImageUrl(url);
        setLoading(false);
    }, [prompt, options]);

    return { imageUrl, loading };
}

// 組件中使用
function ImageGenerator() {
    const [prompt, setPrompt] = useState('');
    const { imageUrl, loading } = usePollinations(prompt, {
        width: 512,
        height: 512,
        model: 'flux'
    });

    return (
        <div>
            <input
                value={prompt}
                onChange={(e) => setPrompt(e.target.value)}
                placeholder="輸入圖像描述"
            />
            {loading && <p>生成中...</p>}
            {imageUrl && <img src={imageUrl} alt="Generated" />}
        </div>
    );
}

Python 基礎實現

import requests
from urllib.parse import quote, urlencode

class PollinationsAI:
    BASE_URL = "https://image.pollinations.ai/prompt/"

    def __init__(self):
        self.session = requests.Session()

    def generate_image(self, prompt, **kwargs):
        """生成圖像 URL"""
        encoded_prompt = quote(prompt)

        params = {
            'width': kwargs.get('width', 1024),
            'height': kwargs.get('height', 1024),
            'model': kwargs.get('model', 'flux'),
            'enhance': kwargs.get('enhance', False),
            'nologo': kwargs.get('nologo', True),
        }

        # 添加其他參數
        params.update(kwargs)

        query_string = urlencode(params)
        return f"{self.BASE_URL}{encoded_prompt}?{query_string}"

    def download_image(self, prompt, filename=None, **kwargs):
        """下載圖像到本地"""
        url = self.generate_image(prompt, **kwargs)

        response = self.session.get(url)
        response.raise_for_status()

        if not filename:
            filename = f"generated_{hash(prompt)}.jpg"

        with open(filename, 'wb') as f:
            f.write(response.content)

        return filename

# 使用範例
ai = PollinationsAI()

# 生成 URL
url = ai.generate_image(
    "一隻橘貓在陽光下睡覺",
    width=768,
    height=768,
    model='flux-realism')

print(url)

# 直接下載
filename = ai.download_image(
    "美麗的日落風景",
    model='flux-pro',
    enhance=True)
print(f"圖像已保存為: {filename}")

異步批量生成

import asyncio
import aiohttp
import aiofiles

class AsyncPollinationsAI:
    BASE_URL = "https://image.pollinations.ai/prompt/"

    async def generate_multiple(self, prompts, **kwargs):
        """批量生成多張圖像"""
        urls = []
        for prompt in prompts:
            url = self.generate_image(prompt, **kwargs)
            urls.append((prompt, url))
        return urls

    async def download_multiple(self, prompts, **kwargs):
        """異步下載多張圖像"""
        async with aiohttp.ClientSession() as session:
            tasks = []
            for i, prompt in enumerate(prompts):
                url = self.generate_image(prompt, **kwargs)
                task = self.download_single(
                    session, url, f"image_{i}.jpg"
                )
                tasks.append(task)

            results = await asyncio.gather(*tasks)
            return results

    async def download_single(self, session, url, filename):
        """下載單張圖像"""
        try:
            async with session.get(url) as response:
                if response.status == 200:
                    async with aiofiles.open(filename, 'wb') as f:
                        await f.write(await response.read())
                    return filename
        except Exception as e:
            print(f"下載失敗: {e}")
            return None

# 使用範例
async def main():
    ai = AsyncPollinationsAI()

    prompts = [
        "春天的櫻花",
        "夏日海灘",
        "秋天的楓葉",
        "冬日雪景"
    ]

    filenames = await ai.download_multiple(
        prompts,
        model='flux-realism',
        width=1024,
        height=768
    )

    print("已下載圖像:", filenames)

# 運行
asyncio.run(main())

PHP 基礎類別

<?php

class PollinationsAI {
    private const BASE_URL = 'https://image.pollinations.ai/prompt/';

    public function generateImage($prompt, $options = []) {
        $encodedPrompt = urlencode($prompt);

        $defaultOptions = [
            'width' => 1024,
            'height' => 1024,
            'model' => 'flux',
            'enhance' => false,
            'nologo' => true
        ];

        $options = array_merge($defaultOptions, $options);
        $queryString = http_build_query($options);

        return self::BASE_URL . $encodedPrompt . '?' . $queryString;
    }

    public function downloadImage($prompt, $filename = null, $options = []) {
        $url = $this->generateImage($prompt, $options);

        $context = stream_context_create([
            'http' => [
                'timeout' => 30,
                'user_agent' => 'PollinationsAI-PHP-Client/1.0'
            ]
        ]);

        $imageData = @file_get_contents($url, false, $context); // Using @ to suppress warnings for demonstration

        if ($imageData === false) {
            throw new Exception('無法下載圖像');
        }

        if (!$filename) {
            $filename = 'generated_' . md5($prompt) . '.jpg';
        }

        $result = file_put_contents($filename, $imageData);

        if ($result === false) {
            throw new Exception('無法保存圖像');
        }

        return $filename;
    }

    public function getImageInfo($prompt, $options = []) {
        $url = $this->generateImage($prompt, $options);

        $headers = @get_headers($url, 1); // Using @ to suppress warnings for demonstration

        return [
            'url' => $url,
            'status' => $headers[0] ?? 'unknown',
            'content_type' => $headers['Content-Type'] ?? 'unknown',
            'content_length' => $headers['Content-Length'] ?? 'unknown'
        ];
    }
}

// 使用範例
try {
    $ai = new PollinationsAI();

    // 生成圖像 URL
    $url = $ai->generateImage(
        '一隻可愛的小狗在公園裡奔跑',
        [
            'width' => 768,
            'height' => 768,
            'model' => 'flux-realism',
            'enhance' => true
        ]
    );

    echo "圖像 URL: " . $url . "\n";

    // 下載圖像
    // Note: Downloading files in a web app like this would typically require a server-side route
    //       that handles the file download and serves it to the client.
    //       This example assumes a CLI context or a very specific server setup for `file_put_contents`.
    // $filename = $ai->downloadImage(
    //     '美麗的山景',
    //     'mountain.jpg',
    //     ['model' => 'flux-pro']
    // );
    // echo "圖像已保存為: " . $filename . "\n";

} catch (Exception $e) {
    echo "錯誤: " . $e->getMessage() . "\n";
}

?>

<?php class PollinationsAI { private const BASE_URL = 'https://image.pollinations.ai/prompt/'; public function generateImage($prompt, $options = []) { $encodedPrompt = urlencode($prompt); $defaultOptions = [ 'width' => 1024, 'height' => 1024, 'model' => 'flux', 'enhance' => false, 'nologo' => true ]; $options = array_merge($defaultOptions, $options); $queryString = http_build_query($options); return self::BASE_URL . $encodedPrompt . '?' . $queryString; } public function downloadImage($prompt, $filename = null, $options = []) { $url = $this->generateImage($prompt, $options); $context = stream_context_create([ 'http' => [ 'timeout' => 30, 'user_agent' => 'PollinationsAI-PHP-Client/1.0' ] ]); $imageData = @file_get_contents($url, false, $context); // Using @ to suppress warnings for demonstration if ($imageData === false) { throw new Exception('無法下載圖像'); } if (!$filename) { $filename = 'generated_' . md5($prompt) . '.jpg'; } $result = file_put_contents($filename, $imageData); if ($result === false) { throw new Exception('無法保存圖像'); } return $filename; } public function getImageInfo($prompt, $options = []) { $url = $this->generateImage($prompt, $options); $headers = @get_headers($url, 1); // Using @ to suppress warnings for demonstration return [ 'url' => $url, 'status' => $headers[0] ?? 'unknown', 'content_type' => $headers['Content-Type'] ?? 'unknown', 'content_length' => $headers['Content-Length'] ?? 'unknown' ]; } } // 使用範例 try { $ai = new PollinationsAI(); // 生成圖像 URL $url = $ai->generateImage( '一隻可愛的小狗在公園裡奔跑', [ 'width' => 768, 'height' => 768, 'model' => 'flux-realism', 'enhance' => true ] ); echo "圖像 URL: " . $url . "\n"; // 下載圖像 // Note: Downloading files in a web app like this would typically require a server-side route // that handles the file download and serves it to the client. // This example assumes a CLI context or a very specific server setup for `file_put_contents`. // $filename = $ai->downloadImage( // '美麗的山景', // 'mountain.jpg', // ['model' => 'flux-pro'] // ); // echo "圖像已保存為: " . $filename . "\n"; } catch (Exception $e) { echo "錯誤: " . $e->getMessage() . "\n"; } ?>

Web 應用整合

<?php
// api.php - 簡單的 API 端點

header('Content-Type: application/json');
header('Access-Control-Allow-Origin: *');

if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
    http_response_code(405);
    echo json_encode(['error' => 'Method not allowed']);
    exit;
}

$input = json_decode(file_get_contents('php://input'), true);

if (!isset($input['prompt']) || empty($input['prompt'])) {
    http_response_code(400);
    echo json_encode(['error' => 'Prompt is required']);
    exit;
}

try {
    // Assuming PollinationsAI class is defined and available (e.g., included or autoloaded)
    // For this example, you'd need to include the class definition from the previous block.
    // require_once 'PollinationsAI.class.php';

    $ai = new PollinationsAI(); // This will work if PollinationsAI class is defined in the same file or included.

    $options = [
        'width' => $input['width'] ?? 1024,
        'height' => $input['height'] ?? 1024,
        'model' => $input['model'] ?? 'flux',
        'enhance' => $input['enhance'] ?? false,
        'nologo' => true
    ];

    $url = $ai->generateImage($input['prompt'], $options);
    $info = $ai->getImageInfo($input['prompt'], $options);

    echo json_encode([
        'success' => true,
        'url' => $url,
        'info' => $info,
        'timestamp' => time()
    ]);
} catch (Exception $e) {
    http_response_code(500);
    echo json_encode([
        'success' => false,
        'error' => $e->getMessage()
    ]);
}
?>

<!-- 前端 JavaScript 調用 -->
<script>
async function generateImage(prompt, options = {}) {
    try {
        const response = await fetch('api.php', { // This 'api.php' assumes a traditional web server.
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify({
                prompt: prompt,
                ...options
            })
        });

        const result = await response.json();

        if (result.success) {
            return result.url;
        } else {
            throw new Error(result.error);
        }
    } catch (error) {
        console.error('生成圖像失敗:', error);
        throw error;
    }
}

// 使用範例
// This part needs to be run in a browser environment with the `api.php` set up.
// For a Google Apps Script context, you'd typically use `google.script.run` for server-side calls.
// generateImage('一隻貓咪在花園裡', {
//     width: 512,
//     height: 512,
//     model: 'flux-anime'}).then(url => {
//     console.log('圖像 URL:', url);
//     document.getElementById('result').src = url;
// }).catch(error => {
//     console.error('錯誤:', error);
// });
</script>

<?php // api.php - 簡單的 API 端點 header('Content-Type: application/json'); header('Access-Control-Allow-Origin: *'); if ($_SERVER['REQUEST_METHOD'] !== 'POST') { http_response_code(405); echo json_encode(['error' => 'Method not allowed']); exit; } $input = json_decode(file_get_contents('php://input'), true); if (!isset($input['prompt']) || empty($input['prompt'])) { http_response_code(400); echo json_encode(['error' => 'Prompt is required']); exit; } try { // Assuming PollinationsAI class is defined and available (e.g., included or autoloaded) // For this example, you'd need to include the class definition from the previous block. // require_once 'PollinationsAI.class.php'; $ai = new PollinationsAI(); // This will work if PollinationsAI class is defined in the same file or included. $options = [ 'width' => $input['width'] ?? 1024, 'height' => $input['height'] ?? 1024, 'model' => $input['model'] ?? 'flux', 'enhance' => $input['enhance'] ?? false, 'nologo' => true ]; $url = $ai->generateImage($input['prompt'], $options); $info = $ai->getImageInfo($input['prompt'], $options); echo json_encode([ 'success' => true, 'url' => $url, 'info' => $info, 'timestamp' => time() ]); } catch (Exception $e) { http_response_code(500); echo json_encode([ 'success' => false, 'error' => $e->getMessage() ]); } ?>  <script> async function generateImage(prompt, options = {}) { try { const response = await fetch('api.php', { // This 'api.php' assumes a traditional web server. method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ prompt: prompt, ...options }) }); const result = await response.json(); if (result.success) { return result.url; } else { throw new Error(result.error); } } catch (error) { console.error('生成圖像失敗:', error); throw error; } } // 使用範例 // This part needs to be run in a browser environment with the `api.php` set up. // For a Google Apps Script context, you'd typically use `google.script.run` for server-side calls. // generateImage('一隻貓咪在花園裡', { // width: 512, // height: 512, // model: 'flux-anime'}).then(url => { // console.log('圖像 URL:', url); // document.getElementById('result').src = url; // }).catch(error => { // console.error('錯誤:', error); // });

cURL 命令列使用

基本下載

# 基本圖像下載
curl -o "generated_image.jpg" \
  "https://image.pollinations.ai/prompt/A%20beautiful%20sunset%20over%20mountains?width=1024&height=768&model=flux&enhance=true"

# 帶自定義參數
curl -o "anime_cat.jpg" \
  "https://image.pollinations.ai/prompt/Cute%20anime%20cat%20in%20garden?width=512&height=512&model=flux-anime&nologo=true&enhance=true"

批量下載腳本

#!/bin/bash

# 批量生成腳本 - generate_images.sh

BASE_URL="https://image.pollinations.ai/prompt/"

# 提示詞陣列
PROMPTS=(
    "Beautiful%20spring%20flowers"
    "Mountain%20landscape%20at%20sunrise"
    "Cute%20puppy%20playing%20in%20grass"
    "Modern%20city%20skyline%20at%20night"
)

# 參數設定
WIDTH=1024
HEIGHT=768
MODEL="flux-realism"
ENHANCE="true"
NOLOGO="true"

# 建立輸出目錄
mkdir -p generated_images

# 批量下載
for i in "${!PROMPTS[@]}"; do
    prompt="${PROMPTS[$i]}"
    filename="generated_images/image_$((i+1)).jpg"

    url="${BASE_URL}${prompt}?width=${WIDTH}&height=${HEIGHT}&model=${MODEL}&enhance=${ENHANCE}&nologo=${NOLOGO}"

    echo "正在下載: $filename"
    curl -s -o "$filename" "$url"

    if [ $? -eq 0 ]; then
        echo "✅ 成功: $filename"
    else
        echo "❌ 失敗: $filename"
    fi

    # 避免過於頻繁的請求
    sleep 2
done

echo "批量下載完成！"

進階選項

# 顯示詳細資訊
curl -v -o "image.jpg" \
  "https://image.pollinations.ai/prompt/Digital%20art%20masterpiece?model=flux-pro&enhance=true"

# 設定超時和重試
curl --max-time 60 --retry 3 --retry-delay 5 \
  -o "image.jpg" \
  "https://image.pollinations.ai/prompt/Abstract%20colorful%20painting"

# 檢查 HTTP 狀態
curl -w "%{http_code}" -s -o "image.jpg" \
  "https://image.pollinations.ai/prompt/Photorealistic%20portrait"

# 僅獲取 Headers (檢查圖像資訊)
curl -I "https://image.pollinations.ai/prompt/Test%20image?width=512&height=512"

# 使用配置檔案
# 建立 .curlrc 檔案:
# user-agent = "My-App/1.0"
# max-time = 30
# retry = 3

curl -K .curlrc -o "configured_image.jpg" \
  "https://image.pollinations.ai/prompt/Configured%20download"

直接嵌入 HTML

<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <title>Pollinations.AI 圖像展示</title>
    <style>
        .gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
            padding: 20px;
        }
        .image-card {
            border: 1px solid #ddd;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .image-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
        }
        .image-info {
            padding: 15px;
        }
        .loading {
            display: inline-block;
            width: 20px;
            height: 20px;
            border: 3px solid #f3f3f3;
            border-top: 3px solid #3498db;
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
    </style>
</head>
<body>
    <div class="gallery">
        <div class="image-card">
            <img src="https://image.pollinations.ai/prompt/Beautiful%20sunset%20over%20ocean?width=400&height=300&model=flux-realism&enhance=true"
                  alt="海上日落"
                  loading="lazy">
            <div class="image-info">
                <h3>海上日落</h3>
                <p>模型: Flux Realism</p>
            </div>
        </div>

        <div class="image-card">
            <img src="https://image.pollinations.ai/prompt/Cute%20anime%20girl%20with%20pink%20hair?width=400&height=300&model=flux-anime&enhance=true"
                  alt="動漫女孩"
                  loading="lazy">
            <div class="image-info">
                <h3>動漫女孩</h3>
                <p>模型: Flux Anime</p>
            </div>
        </div>

        <div class="image-card">
            <img src="https://image.pollinations.ai/prompt/Futuristic%20city%20with%20flying%20cars?width=400&height=300&model=flux-3d&enhance=true"
                  alt="未來城市"
                  loading="lazy">
            <div class="image-info">
                <h3>未來城市</h3>
                <p>模型: Flux 3D</p>
            </div>
        </div>
    </div>
</body>
</html>

<!DOCTYPE html> <html lang="zh-TW"> <head> <meta charset="UTF-8"> <title>Pollinations.AI 圖像展示</title> <style> .gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; padding: 20px; } .image-card { border: 1px solid #ddd; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .image-card img { width: 100%; height: 200px; object-fit: cover; } .image-info { padding: 15px; } .loading { display: inline-block; width: 20px; height: 20px; border: 3px solid #f3f3f3; border-top: 3px solid #3498db; border-radius: 50%; animation: spin 1s linear infinite; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } </style> </head> <body> <div class="gallery"> <div class="image-card"> <img src="https://image.pollinations.ai/prompt/Beautiful%20sunset%20over%20ocean?width=400&height=300&model=flux-realism&enhance=true" alt="海上日落" loading="lazy"> <div class="image-info"> <h3>海上日落</h3> <p>模型: Flux Realism</p> </div> </div> <div class="image-card"> <img src="https://image.pollinations.ai/prompt/Cute%20anime%20girl%20with%20pink%20hair?width=400&height=300&model=flux-anime&enhance=true" alt="動漫女孩" loading="lazy"> <div class="image-info"> <h3>動漫女孩</h3> <p>模型: Flux Anime</p> </div> </div> <div class="image-card"> <img src="https://image.pollinations.ai/prompt/Futuristic%20city%20with%20flying%20cars?width=400&height=300&model=flux-3d&enhance=true" alt="未來城市" loading="lazy"> <div class="image-info"> <h3>未來城市</h3> <p>模型: Flux 3D</p> </div> </div> </div> </body> </html>

動態圖像生成器

<!DOCTYPE html>
<html lang="zh-TW">
<head>
    <meta charset="UTF-8">
    <title>動態圖像生成器</title>
    <style>
        .generator {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
        }
        .form-group {
            margin-bottom: 15px;
        }
        label {
            display: block;
            margin-bottom: 5px;
            font-weight: bold;
        }
        input, select, textarea {
            width: 100%;
            padding: 8px;
            border: 1px solid #ddd;
            border-radius: 4px;
        }
        button {
            background: #007bff;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
        }
        button:hover {
            background: #0056b3;
        }
        .result {
            margin-top: 20px;
            text-align: center;
        }
        .result img {
            max-width: 100%;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
    </style>
</head>
<body>
    <div class="generator">
        <h1>Pollinations.AI 圖像生成器</h1>

        <form id="imageForm">
            <div class="form-group">
                <label for="prompt">圖像描述:</label>
                <textarea id="prompt" rows="3" placeholder="描述您想要的圖像..."></textarea>
            </div>

            <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;">
                <div class="form-group">
                    <label for="width">寬度:</label>
                    <select id="width">
                        <option value="512">512px</option>
                        <option value="768">768px</option>
                        <option value="1024" selected>1024px</option>
                    </select>
                </div>

                <div class="form-group">
                    <label for="height">高度:</label>
                    <select id="height">
                        <option value="512">512px</option>
                        <option value="768">768px</option>
                        <option value="1024" selected>1024px</option>
                    </select>
                </div>
            </div>

            <div class="form-group">
                <label for="model">模型:</label>
                <select id="model">
                    <option value="flux">Flux (預設)</option>
                    <option value="flux-realism">Flux Realism</option>
                    <option value="flux-anime">Flux Anime</option>
                    <option value="flux-3d">Flux 3D</option>
                    <option value="turbo">Turbo</option>
                </select>
            </div>

            <div style="display: flex; gap: 15px; align-items: center;">
                <label>
                    <input type="checkbox" id="enhance" checked> 增強效果
                </label>
                <label>
                    <input type="checkbox" id="nologo" checked> 無水印
                </label>
            </div>

            <button type="submit">生成圖像</button>
        </form>

        <div id="result" class="result"></div>
    </div>

    <script>
        document.getElementById('imageForm').addEventListener('submit', function(e) {
            e.preventDefault();

            const prompt = document.getElementById('prompt').value;
            if (!prompt.trim()) {
                alert('請輸入圖像描述');
                return;
            }

            const params = new URLSearchParams({
                width: document.getElementById('width').value,
                height: document.getElementById('height').value,
                model: document.getElementById('model').value,
                enhance: document.getElementById('enhance').checked,
                nologo: document.getElementById('nologo').checked
            });

            const url = `https://image.pollinations.ai/prompt/${encodeURIComponent(prompt)}?${params}`;

            const resultDiv = document.getElementById('result');
            resultDiv.innerHTML = `
                <div class="loading"></div>
                <p>正在生成圖像...</p>
            `;

            const img = new Image();
            img.onload = function() {
                resultDiv.innerHTML = `
                    <img src="${url}" alt="Generated Image">
                    <p><a href="${url}" target="_blank">在新視窗中查看</a></p>
                `;
            };
            img.onerror = function() {
                resultDiv.innerHTML = '<p>圖像生成失敗，請重試</p>';
            };
            img.src = url;
        });
    </script>
</body>
</html>

<!DOCTYPE html> <html lang="zh-TW"> <head> <meta charset="UTF-8"> <title>動態圖像生成器</title> <style> .generator { max-width: 600px; margin: 0 auto; padding: 20px; } .form-group { margin-bottom: 15px; } label { display: block; margin-bottom: 5px; font-weight: bold; } input, select, textarea { width: 100%; padding: 8px; border: 1px solid #ddd; border-radius: 4px; } button { background: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; } button:hover { background: #0056b3; } .result { margin-top: 20px; text-align: center; } .result img { max-width: 100%; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); } </style> </head> <body> <div class="generator"> <h1>Pollinations.AI 圖像生成器</h1> <form id="imageForm"> <div class="form-group"> <label for="prompt">圖像描述:</label> <textarea id="prompt" rows="3" placeholder="描述您想要的圖像..."></textarea> </div> <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 15px;"> <div class="form-group"> <label for="width">寬度:</label> <select id="width"> <option value="512">512px</option> <option value="768">768px</option> <option value="1024" selected>1024px</option> </select> </div> <div class="form-group"> <label for="height">高度:</label> <select id="height"> <option value="512">512px</option> <option value="768">768px</option> <option value="1024" selected>1024px</option> </select> </div> </div> <div class="form-group"> <label for="model">模型:</label> <select id="model"> <option value="flux">Flux (預設)</option> <option value="flux-realism">Flux Realism</option> <option value="flux-anime">Flux Anime</option> <option value="flux-3d">Flux 3D</option> <option value="turbo">Turbo</option> </select> </div> <div style="display: flex; gap: 15px; align-items: center;"> <label> <input type="checkbox" id="enhance" checked> 增強效果 </label> <label> <input type="checkbox" id="nologo" checked> 無水印 </label> </div> <button type="submit">生成圖像</button> </form> <div id="result" class="result"></div> </div> <script> document.getElementById('imageForm').addEventListener('submit', function(e) { e.preventDefault(); const prompt = document.getElementById('prompt').value; if (!prompt.trim()) { alert('請輸入圖像描述'); return; } const params = new URLSearchParams({ width: document.getElementById('width').value, height: document.getElementById('height').value, model: document.getElementById('model').value, enhance: document.getElementById('enhance').checked, nologo: document.getElementById('nologo').checked }); const url = `https://image.pollinations.ai/prompt/${encodeURIComponent(prompt)}?${params}`; const resultDiv = document.getElementById('result'); resultDiv.innerHTML = ` <div class="loading"></div> <p>正在生成圖像...</p> `; const img = new Image(); img.onload = function() { resultDiv.innerHTML = ` <img src="${url}" alt="Generated Image"> <p><a href="${url}" target="_blank">在新視窗中查看</a></p> `; }; img.onerror = function() { resultDiv.innerHTML = '<p>圖像生成失敗，請重試</p>'; }; img.src = url; }); </script> </body> </html>

常見問題與故障排除

常見問題

圖像載入失敗

可能原因與解決方案:

• 網路連接問題 - 檢查網路狀況
• 提示詞包含敏感內容 - 修改描述
• 服務器暫時繁忙 - 稍後重試
• URL 格式錯誤 - 檢查參數設定

生成速度緩慢

優化建議:

• 使用 turbo 模型快速生成
• 降低圖像解析度
• 簡化提示詞描述
• 避免尖峰使用時段

生成結果不符預期

改善方法:

• 使用更具體的描述
• 選擇合適的模型風格
• 調整圖像比例
• 嘗試不同的種子值

故障排除工具

URL 驗證器

連接測試

提示詞分析

性能優化技巧

⚡

快速生成

• model=turbo
• 512×512 解析度
• 簡短提示詞
• 關閉 enhance

🎨

高品質輸出

• model=flux-pro
• 1920×1080 解析度
• enhance=true
• 詳細提示詞

🔄

一致性控制

• 固定 seed 值
• 相同參數設定
• 標準化提示詞
• 批量處理