AI 生成圖片完整教學：從零開始用 AI 做設計

一、什麼是 AI 生成圖片？

AI 生成圖片（AI Image Generation）是透過人工智慧模型，將文字描述（prompt）轉換為視覺影像的技術。使用者只需要用自然語言描述想要的畫面，AI 就能在幾秒鐘內產出對應的圖片。

這項技術的核心是擴散模型（Diffusion Model）與大型語言視覺模型（Large Vision-Language Model）。AI 在訓練過程中學習了數以億計的圖像與文字配對，因此能理解「夕陽下的海灘」、「賽博龐克風格的城市街道」等描述，並生成高度符合語意的圖片。

2026 年的 AI 生圖技術已經非常成熟。與兩年前相比，現在的模型在以下面向有顯著進步：

• 解析度更高：主流工具已支援 4K 甚至 8K 輸出，細節更加精緻
• 語意理解更精準：複雜的場景描述、多物件構圖不再容易出錯
• 風格控制更細緻：可以精確指定藝術風格、光影效果、攝影參數
• 一致性更好：同一角色、同一場景能保持高度一致的風格
• 生成速度更快：從原本的 30 秒以上縮短至 3-5 秒即可出圖

無論你是設計師、行銷人員、創業者，或是正在架設個人網站的開發者，AI 生圖都能大幅提升你的工作效率——不需要 Photoshop 技能，不需要花錢請攝影師，只需要學會如何「跟 AI 溝通」。

二、2026 年主流 AI 生圖工具比較

目前市面上有數十款 AI 生圖工具，品質差異很大。以下是我們實測後推薦的四款主流工具：

1. Midjourney

Midjourney 是目前藝術品質最高的 AI 生圖工具，以其獨特的美學風格聞名。V7 版本在 2026 年初推出後，在人像真實感、光影渲染和場景構圖方面達到了前所未有的水準。

• 優勢：藝術品質頂級、社群生態豐富、風格多變
• 劣勢：需透過 Discord 或官方網站操作，學習曲線較陡
• 價格：基本方案 $10/月，標準方案 $30/月
• 適合：追求最高藝術品質的設計師和創作者

2. DALL-E 3（OpenAI）

DALL-E 3 是 OpenAI 的圖片生成模型，最大的優勢是與 ChatGPT 的深度整合。你可以用自然對話的方式描述需求，AI 會自動優化 prompt 並生成圖片，是入門門檻最低的選擇。

• 優勢：自然語言理解最強、與 ChatGPT 無縫整合、文字渲染能力佳
• 劣勢：風格較為統一，不像 Midjourney 那麼多變
• 價格：包含在 ChatGPT Plus（$20/月）中
• 適合：需要快速產出且對風格要求不極端的使用者

3. Stable Diffusion（開源）

Stable Diffusion 是最受技術人員喜愛的開源解決方案。SDXL Turbo 和 SD3.5 在 2026 年已成為成熟的開源模型，支援本機運行，完全免費且高度可自訂。

• 優勢：完全免費、可本機運行、高度可自訂、社群模型豐富
• 劣勢：需要 GPU 和技術知識、安裝設定較複雜
• 價格：免費（需自備硬體或使用雲端 GPU）
• 適合：有技術背景、需要大量客製化的開發者

4. TAI 內建 AI 生圖功能

TAI 平台內建了 AI 圖片生成功能，最大的特色是生成的圖片可以直接套用到你正在建設的網站中，省去「生圖 → 下載 → 上傳 → 調整」的繁瑣流程。支援背景圖、產品圖、Banner、Icon 等多種用途。

• 優勢：與網站建設無縫整合、一鍵套用、自動尺寸最佳化
• 劣勢：功能專注在網站建設場景，非通用型生圖工具
• 價格：包含在 TAI 平台方案中
• 適合：正在用 TAI 建站的用戶，需要快速產出網站素材

三、如何撰寫高效 Prompt — 技巧與範例

Prompt（提示詞）是 AI 生圖的核心。一個好的 prompt 能讓 AI 精確產出你想要的畫面，而一個含糊的 prompt 則會得到隨機、不可控的結果。以下是我們整理的 prompt 撰寫公式和實用技巧。

Prompt 基本公式

一個完整的 prompt 通常包含以下元素，依序排列：

1. 主體（Subject）：你要畫什麼？例如：一隻貓、一棟建築、一個人物
2. 動作/狀態（Action）：主體在做什麼？例如：坐在窗邊、奔跑中
3. 環境/背景（Setting）：場景在哪裡？例如：森林中、城市街道、太空
4. 風格（Style）：什麼藝術風格？例如：水彩畫、照片寫實、動漫風
5. 光線/色調（Lighting）：什麼光影效果？例如：黃金時刻、霓虹燈光
6. 技術參數（Technical）：攝影參數、解析度等

範例 1：產品攝影風格

這個 prompt 的結構清晰：主體（白色陶瓷咖啡杯）→ 環境（大理石桌面）→ 光線（左側自然窗光）→ 風格（產品攝影）→ 技術參數（淺景深、4K）。

範例 2：網站 Hero Banner

這個 prompt 專門針對網站設計需求，指定了配色（紫色和青色）、背景色（深藍）、比例（21:9 超寬）和用途（hero section），生成的結果可以直接作為網站首頁背景。

範例 3：插畫風格

進階技巧

• 使用權重語法：在 Midjourney 中使用 ::2 提高某個元素的權重，例如 sunset::2 beach::1 讓夕陽更突出
• 負面提示詞（Negative Prompt）：在 Stable Diffusion 中指定不要出現的元素，例如 --no blurry, low quality, watermark
• 參考圖片：大多數工具支援上傳參考圖片來引導風格
• 種子值（Seed）：固定 seed 值可以在微調 prompt 時保持構圖一致
• 由簡到繁：先用簡短 prompt 生成基礎圖，再逐步增加細節描述

四、風格控制與解析度設定

精確控制風格和解析度是進階使用者必須掌握的技能。以下是常用的風格關鍵字與解析度設定指南。

常用風格關鍵字

攝影風格

• photorealistic — 照片寫實風格
• cinematic — 電影級畫面，戲劇性光影
• portrait photography — 人像攝影
• aerial photography — 航拍視角
• macro photography — 微距攝影，展示細節

插畫 / 設計風格

• flat design — 扁平化設計，適合 UI
• isometric illustration — 等距插畫
• watercolor painting — 水彩風格
• oil painting — 油畫風格
• line art — 線條藝術
• 3D render — 3D 渲染效果

特殊氛圍

• cyberpunk — 賽博龐克，霓虹燈光與未來感
• minimalist — 極簡風格
• vintage / retro — 復古風格
• dark moody — 暗色調、情緒化
• bright and airy — 明亮通透感

解析度與比例設定

不同用途需要不同的解析度和比例。以下是常見場景的建議設定：

五、在網站專案中使用 AI 圖片（TAI 整合）

生成圖片只是第一步，如何將這些圖片有效地整合到你的網站專案中，才是真正提升效率的關鍵。

傳統流程 vs TAI 整合流程

傳統流程需要六個步驟：打開 AI 生圖工具 → 撰寫 prompt 生圖 → 下載圖片到本機 → 用圖片編輯器調整尺寸和格式 → 上傳到網站伺服器或 CDN → 在程式碼中引用圖片路徑。整個過程至少需要 5-10 分鐘，每張圖片都要重複一次。

TAI 整合流程只需要兩步：在 TAI 編輯器中描述你要的圖片 → AI 生成後一鍵套用到網站元素中。系統自動處理尺寸裁切、格式轉換、壓縮最佳化和 CDN 部署。

AI 圖片在網站中的常見應用

• Hero Section 背景：抽象漸層、科技感背景、場景攝影
• 產品展示圖：模擬產品攝影效果，適合 MVP 階段
• 團隊照片替代：在正式拍攝團隊照前，用 AI 生成的插畫風格人像作為佔位
• Icon 與裝飾圖：自訂風格的圖示和裝飾元素
• 部落格配圖：每篇文章生成主題匹配的配圖
• 社群分享圖（OG Image）：自動生成每頁的社群預覽圖

效能最佳化建議

使用 AI 圖片時，效能最佳化非常重要，因為高解析度的 AI 生成圖往往檔案較大：

1. 格式選擇：優先使用 WebP，老舊瀏覽器 fallback 使用 JPEG
2. 響應式圖片：使用 srcset 為不同螢幕尺寸提供對應解析度的圖片
3. 延遲載入（Lazy Loading）：非首屏圖片加上 loading="lazy" 屬性
4. CDN 加速：將圖片部署到 CDN，減少全球用戶的載入時間
5. 尺寸限制：首屏圖片控制在 200KB 以內，內文配圖控制在 100KB 以內

六、AI 圖片的商用注意事項

使用 AI 生成的圖片用於商業專案時，有幾個重要的實務考量需要注意：

各平台的商用授權

• Midjourney：付費方案用戶可商用，免費試用期間生成的圖片需注意授權範圍
• DALL-E 3：OpenAI 明確授權用戶對生成圖片擁有使用權，可商用
• Stable Diffusion：開源模型本身可商用，但需留意特定微調模型的授權
• TAI 生圖：在 TAI 平台生成的所有圖片均可用於你的網站專案中

實務注意事項

1. 避免生成與真實品牌相似的圖片：不要在 prompt 中使用特定品牌名稱
2. 人像使用要謹慎：AI 生成的人像可能與真實人物相似，用於廣告時須特別注意
3. 標註 AI 生成：部分場景下建議標註圖片為 AI 生成，保持透明度
4. 保留生成紀錄：建議保存 prompt 和生成參數，方便日後追溯和重新生成
5. 檢查圖片中的文字：AI 生成的圖片中常出現亂碼文字，上線前務必檢查

七、TAI 平台 AI 生圖實戰教學

以下是在 TAI 平台上使用 AI 生成圖片的完整步驟教學。即使你是完全的新手，跟著操作也能在 5 分鐘內產出專業級的網站素材。

1. 登入 TAI 平台並建立專案 前往 tiehkai.com 登入你的帳號。如果還沒有帳號，可以免費註冊。進入主控台後，點擊「新建專案」按鈕建立一個新的網站專案。
2. 進入 AI 編輯器 在專案頁面中，點擊「AI 編輯器」進入互動式編輯介面。你可以在這裡用自然語言描述你想要的網站內容和設計。
3. 描述你需要的圖片 在對話框中輸入你的圖片需求。你可以用中文描述，例如：「幫我生成一張科技感的深色背景圖，有紫色和藍色的光芒流動效果，適合作為首頁 Hero 背景」。系統會自動解析你的需求。
4. 選擇圖片參數 系統會提供圖片預覽和參數選項，包括比例（16:9、1:1、4:3 等）、風格傾向（寫實、插畫、抽象等）以及品質等級。根據你的需求調整這些參數。
5. 生成並預覽 點擊「生成」按鈕，AI 會在幾秒內產出圖片。你可以預覽效果，如果不滿意可以點擊「重新生成」或修改 prompt 描述來調整結果。每次生成會提供多張變體供選擇。
6. 一鍵套用到網站 選擇滿意的圖片後，點擊「套用」按鈕。圖片會自動套用到你指定的網站元素中（Hero 背景、區塊配圖、產品圖等），系統自動處理尺寸適配、格式最佳化和響應式裁切。
7. 預覽與發布 在預覽模式中檢查圖片在不同裝置上的顯示效果（桌面、平板、手機）。確認沒問題後，點擊「部署」就能將包含 AI 生成圖片的網站直接上線。

整個過程從描述需求到圖片上線，通常只需要 3-5 分鐘。相比傳統的「找圖庫 → 付費下載 → 編輯調整 → 上傳部署」流程，效率提升了至少 10 倍。

進階用法：批次生成

如果你的網站有多個頁面需要配圖，可以使用 TAI 的批次生成功能。只需描述整個網站的設計風格和色調，AI 會自動為每個頁面和區塊生成風格一致的圖片，確保整體視覺的統一性。

例如，你可以告訴 AI：「整個網站使用深色科技風格，主色紫色，輔色青色。首頁需要 Hero 背景、三個功能介紹的 icon 插畫、客戶案例的背景圖。關於頁面需要團隊照片風格的插畫。」AI 會根據這段描述，一次產出所有需要的圖片素材。