步驟一 |準備網站 Banner 圖片
建議尺寸
1920 × 360 px
PNG 或 JPG 格式
AI Tools (擇一使用)
ChatGPT
Gemini
Google Flow (登入 Google 帳號後即可使用|一般帳號有50點可使用)
設計建議
主體置中,避免重要內容靠近邊緣
圖片風格與網站主題一致
步驟二|進入 Google Flow
① 登入 Google Flow
使用 Google 帳號登入 Google Flow
一般個人帳號免費點數( 50 點)供影片生成使用
② 上傳 Banner 圖片
將步驟一完成的 Banner 圖片拖曳或上傳至 Google Flow
③ 設定影片參數
建議設定 | 選擇影片 橫向 1x 6s(消耗點數較少)
④ 撰寫 Prompt | 根據希望達成的效果輸入指令
圖示動態浮動
Subtle floating animation for the icons,
smooth movement,
modern website banner,
professional and clean style
科技感背景流動
Futuristic glowing particles moving slowly,
smooth camera motion,
technology style,
professional website banner
⑤ 反覆調整與優化
生成後可依據結果修改 Prompt → 重新生成
( 建議多測試 2–3 個版本後再選擇最佳成果 )
⑥ 下載影片
確認效果滿意後 → 下載 MP4 格式影片
步驟三|轉檔成 GIF
由於 Google Sites 無法直接將影片設為網站 Banner,因此需先轉換為 GIF 格式
⓵ 轉換 :https://ezgif.com/video-to-gif
⓶ 下載 GIF 檔
步驟四| 上傳 Google Sites
進入 Google Sites ,網頁 Banner 插入 GIF 檔,調整區塊大小即可快速發布 !!