Text Behind Image 開源線上工具，把文字放進照片主體背後

用 AI 摘要這篇文章：

ChatGPT Claude Perplexity Google Grok

先說結論：如果你想做那種「大字被人像或物件半遮住」的活動海報或社群圖，Text Behind Image 是目前少數免費、開源、整個流程都在瀏覽器裡完成的線上選項；但它對免費用戶的真實形狀是「Google 帳號登入，每個帳號 2 次生成」，超過就要付月費。這篇把它攤開講清楚：額度牆在哪裡、照片會不會被上傳、想無限使用的合法路怎麼走。我把它的開源原始碼從頭讀過一遍，也匿名打開官網記錄了頁面實際載入的東西，以下判斷都有出處。

三層疊圖做出「文字在背後」的效果，去背在你的瀏覽器裡跑

這種看起來很厲害的效果，原理其實很好懂。Text Behind Image 的編輯器把畫面拆成三層：最底下是你上傳的原圖，中間是文字層，最上面是一張「摳掉背景、只留主體」的去背圖。三層疊起來，字就被人物的手、頭髮或肩膀擋住一部分，看起來就像文字藏在人後面。匯出時它用瀏覽器內建的畫布功能把三層重新畫成一張 PNG，直接存到你的電腦，檔名固定是 text-behind-image.png。

比較值得注意的是去背這一步。多數線上去背工具把照片傳到伺服器處理，這個工具用的是能在瀏覽器裡直接執行的開源去背函式庫（@imgly/background-removal），模型在你的機器上跑，原始碼裡也找不到任何接收圖片的伺服器端點。專案倉庫裡全部的伺服器端介面只有三支，而且全是 Stripe 訂閱用的結帳、取消與收款通知，跟圖片處理無關。

登入牆的樣子我也實際看過：不登入直接打開編輯器網址，頁面上只有一張「以 Google 帳號驗證」的白色卡片，整個編輯器在登入前根本不存在於頁面上，從程式碼也看得到這是刻意的安排，介面必須等到帳號資料載入後才渲染。換句話說，工具本體在你交出帳號的那一刻才開始存在，這是它與「打開就能用」的純前端工具最根本的差別。

Pin

官方設計的使用流程很短：登入後上傳 JPG 或 PNG，等它去掉背景，打字、挑字型、調位置，按存檔就結束。文字能調的項目包含字型、大小、顏色、粗細、不透明度與旋轉角度；字距與 3D 傾斜這兩個效果有掛鎖，付費才解開。整個工具用 Next.js 加 TypeScript 寫成，2024 年 9 月開源放上 GitHub，到本文查證時有約兩千顆星。

編輯介面從原始碼看是左右分工：左半是加上邊框的預覽區，右半是一列可摺疊的控制面板。你可以在同一張圖上新增多組文字（每一組有自己的面板，也能整組複製），位置用相對畫面的百分比控制，所以換一張尺寸不同的照片，版面配置不會跑掉。畫面另有深色與淺色模式切換，手機版會把預覽與控制面板改成直式排列，存檔按鈕的位置也跟著搬家。

字距這個付費功能，在工程上確實比其他選項多做了一件事。它的匯出邏輯遇有字距時，會改成一個字一個字量寬度、算出總長、置中之後逐字畫上去，這段逐字繪製是它自己寫的，看得出來是特意打磨過的功能，把它放進付費欄位算是商業上的選擇。

免費版拿得到什麼、停在哪裡

免費與付費的邊界，在原始碼裡寫得非常直白。上傳按鈕被按下時，程式先檢查帳號資料表裡的生成次數：次數小於 2 或已是付費戶才讓你選檔，否則直接彈出「你已達到免費生成次數上限」的提示，接著跳出升級視窗。計數存在雲端資料庫（Supabase），而且是在去背成功之後才加一，處理失敗不扣額度，這點算厚道。因為計數跟著帳號走，換瀏覽器或清快取都沒有用，2 次就是 2 次。

字型同樣分成兩邊。免費帳號能選 6 個字型：Inter、Playfair Display、Dancing Script、Oswald、Merriweather、Pacifico；選單裡另外 244 個字型掛著「升級解鎖」的鎖。有個細節值得一提：我匿名打開編輯器頁面時，瀏覽器一口氣向 Google 字型服務要了 250 份字型定義，也就是說字型資源其實全部都載進來了，鎖住的只是選單上的入口。

Pro 方案的價目在付款視窗裡：月繳每個月 9 美元，年繳方案換算每個月 7 美元。付費解鎖的東西包含無限生成次數、全部 250 個字型、字距控制、3D 傾斜效果，以及把廣告拿掉。視窗上的說明寫著隨時可取消，取消訂閱有自己的確認對話框，從帳號選單就能找到入口，不必寫信客服。對只是偶爾出一張圖的人，9 美元一個月偏貴；對要連續產出海報的社群小編，它的定位接近一套極簡的排版工具。

廣告本身值得分開看一眼。未付費的畫面裡同時有廣告在跑：頁面載入了 Google AdSense 的廣告腳本，頂部有一條 Browser.cash 的贊助橫幅，編輯器內側還有一個輪播廣告框，輪流展示兩個產品。其中 Bulletpen 這個廣告主角，就是開發者自己在個人網站上介紹的另一個作品；另一支 Osis 廣告連結則帶著追蹤參數。順帶一提，帳號選單裡能找到的選項只有查看方案與升級，沒有刪除帳號或重設次數的入口，用完 2 次的帳號實質上就是被導向付費頁。換句話說，免費版既是試用版，也是開發者的流量交換場。

照片不出門，但帳號要進門

把它跟常見的「免費線上設計工具」相比，它在隱私架構上確實做得比較誠實。判斷依據有兩層：從原始碼看，去背與匯出全在瀏覽器內完成，伺服器端沒有收圖的介面；從行為看，我匿名載入它的頁面時，全程沒有任何一筆資料送出的請求。照片留在你的機器上處理，這一點是程式碼層的事實，靠行銷話術做不出來。

但「照片不出門」不等於「零足跡」，代價換到入口那一端。想使用編輯器，唯一的方法是用 Google 帳號登入，沒有電子郵件註冊、也沒有訪客模式；你的帳號名稱、電子郵件、頭像與生成次數都存在它的 Supabase 資料庫裡。頁面本身也對外界有不少請求：我匿名打開編輯器頁面時，一次載入共發出 282 個請求，其中超過九成發往自家網域之外，大宗就是那 250 份 Google 字型定義，再加上 Google 廣告腳本。在桌機寬頻上這些只是背景流量，但在手機網路開啟，光字型定義就值得多等幾秒，這對一個主打「快速出圖」的工具是個小小的矛盾。所以更精確的描述是：它把「圖片內容」留在本地，把「你是誰、用了幾次」放在雲端。跟照片真正不出瀏覽器的工具比起來，例如先前介紹過在瀏覽器裡批次加浮水印的 weilkq，或是在本機生成調整腳本的 Privacy Sexy，這個工具的帳號牆是明顯多出來的一層。

想免費無限使用，合法的路是自架

這個專案用 AGPL-3.0 授權開源，全部原始碼都在 GitHub 上。從原始碼結構推敲，免費 2 次的限制綁在 Supabase 帳號資料庫與 Stripe 付款系統上，這表示官方託管版的額度牆是可以繞開的：把原始碼 clone 下來自己部署，接自己的資料庫（或把計數邏輯整段拿掉），就是一套無限次、無廣告、也不用交 Google 帳號的版本。實際動手前要先備齊幾樣東西：能跑 Next.js 的 Node 環境、一個 Supabase 專案（拿它的服務網址與金鑰）、以及若想沿用付款流程還要 Stripe 帳號；只想自用的人，把登入與計數整段拆掉反而單純。這條路的前提是你願意碰命令列與環境變數，對一般使用者門檻不低；但對會的人，它等於官方親手把逃生門畫在圖紙上。

要注意 AGPL 是有傳染性的授權：如果你改了原始碼並提供線上服務，修改後的程式碼也必須以同樣條款公開。拿它做內部工具或自己用沒有問題，想包成商業服務就要先把授權義務看清楚。

官方網站的首頁本身就是一個展示間：頂端是「600,000+ 設計已建立」的標語與 Product Hunt 徽章，下面有一面「分享你的設計」的展示牆，放的是使用者交的作品範例，對第一次接觸這種風格的人，先逛一圈牆再動手會比較有畫面。

Pin

認明三個官方網域，再交出你的 Google 帳號

專案 README 裡有一段不常見的提醒：作者列出三個官方網域（textbehindimage.rexanwong.xyz、textbehindimage.app、thetextbehindimage.com），並警告最近出現了頁面與官方完全相同的抄襲站。我分別打開三個網域，首頁內容完全一致，屬於同一份部署。因為這個工具需要 Google 登入，在來路不明的鏡像站上輸入帳號，風險比一般工具高得多；要用就認明這三個網域，或直接從 GitHub 倉庫的連結進去。

開發者 Rexan Wong 在個人網站自述是 18 歲的香港創業家，2023 年才開始自學寫程式，得過幾座國際黑客松獎項，經營的多個內容類應用累計超過 50 萬用戶，站內輪播廣告裡的 Bulletpen 也是他的作品，自述已做到兩千名活躍用戶與每月一千美元的訂閱收入。這些數字都是他的自我介紹，沒有第三方稽核，但對照這個工具從建倉庫到收費上線的完整度，至少看得出他懂得把作品變成生意的路數。首頁掛著 Product Hunt 的得獎徽章，包含當日冠軍與行銷類月度冠軍；「600,000+ 設計已建立」的數字則是寫在頁面裡的靜態文案，不是即時計數器，參考它的熱度就好，不必逐字當真。

誰適合直接用，誰該繞道

把它擺進選工具的脈絡裡，我的判斷是這樣。如果你有急件，例如社團活動海報、封面圖或縮圖需要那種大字加人像的構圖，能接受用 Google 帳號登入換 2 次免費生成，它值得直接打開用，做完存檔就走。如果你的需求是不限次數又不想付月費，要嘛走自架那條路，要嘛用一般去背工具（例如先前介紹過的 Adobe Express 去背教學或 AirMore 去背）先摳圖，再進任何排版軟體手動疊兩層，效果一樣，代價是多花幾分鐘手工程；做完若要把 PNG 壓到平台規定的大小，先前實測過的 SmallJPG 可以接在後面。如果你連帳號都不想給，同樣免登入就能用的工具不少，像免登入生成著色頁的 GenColor 就是另一種做法的例子。

這個工具最誠實的部分是架構，最商業的部分是入口。圖片處理全程在你自己的瀏覽器裡，這點經得起檢驗；而免費 2 次、Google 單一登入與三層廣告，就是它把流量換成收入的全部機關。看懂這兩面，你就知道自己是它的哪一種用戶。

授權與專案狀態

Text Behind Image 採 AGPL-3.0 授權，原始碼完整公開於 GitHub（RexanWONG/text-behind-image）。專案自 2024 年 9 月起上架，到本文查證時約有兩千顆星、三百多個 fork；最後一次程式碼更新在 2026 年 6 月，屬於仍在維護但節奏放緩的狀態。官方託管版的功能與價格（免費 2 次、Pro 月繳 9 美元或年繳換算每月 7 美元）以官網現況為準，部署自用版本前請先讀過授權條款。