iT邦幫忙

2025 iThome 鐵人賽

DAY 19
0

before/after 效果的成果展示(1)

在今天的文章中,將展示 Before/After 效果 的成果,並通過圖片對比直觀地展示這個功能的價值。這個功能的目標是讓使用者能夠上傳圖片,輸入提示詞,生成對比效果的圖片,並提供下載功能。


操作流程

  1. 啟動服務
# 進入虛擬環境
.\env\Scripts\activate

# 執行 main.py
python main.py

開啟瀏覽器輸入 http://127.0.0.1:8000

  1. 點選左側選單 Before/After圖片生成

https://ithelp.ithome.com.tw/upload/images/20251003/201686308QYW8wGzha.png
https://ithelp.ithome.com.tw/upload/images/20251003/20168630s9jy1W5Xfl.png

  1. 上傳圖片、輸入提示詞

提示詞範例:

將人物置入城市夜景背景,保持自然光影與真實感

https://ithelp.ithome.com.tw/upload/images/20251003/20168630lGgYVBI0Op.png

  1. 等待AI生成

https://ithelp.ithome.com.tw/upload/images/20251003/20168630qyhYUT34sJ.png

  1. 查看After結果

https://ithelp.ithome.com.tw/upload/images/20251003/20168630JUfE8XxbKZ.png

  1. 下載對比圖

https://ithelp.ithome.com.tw/upload/images/20251003/20168630efWJJ7GWFB.png


透過 Before/After 的對照展示,我們不僅能直觀感受到 AI 在影像處理上的轉變,也讓合成效果更具說服力。未來還能嘗試更多不同場景與風格,讓成果展示更豐富多樣。


上一篇
DAY18
下一篇
DAY20
系列文
融合AI圖像生成技術的前端開發實戰23
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言