Cover Paint 開源封面產生器實測：照片全程不出瀏覽器

用 AI 摘要這篇文章：

ChatGPT Claude Perplexity Google Grok

先講實測結論：Cover Paint 這個開源封面產生器，現在沒有任何官方網站可以打開。2026 年 10 月 27 日實測，它歷史上用過的兩個網域都查不到 DNS 紀錄，網際網路檔案館在 2025 年 1 月留下的最後一頁快照，抓到的已經是 Next.js 的錯誤頁。不過原始碼本身是活的：我把倉庫複製到本機、裝好依賴，三分鐘內跑起完整介面，也真的用它匯出了一張中文封面。它值得認識的理由從頭到尾只有一個，整條封面生成流程都在瀏覽器裡完成，照片不會被上傳到任何伺服器，而這一點在原始碼與實測兩邊都站得住。

Cover Paint 是開發者 xiaole 的作品，技術底是 Next.js 13 加 Tailwind CSS，功能設計得很收斂：左欄輸入標題、作者、摘要，可再掛一張頭像；右側即時預覽一張 16 比 9 的封面，背景從三種來源選，Unsplash 圖庫搜來的照片、自己上傳的圖片，或單純一個純色。文字壓在底部往上的深色漸層上，按一下下載就存成 PNG。就這樣，沒有模板庫，沒有拖拽排版。16 比 9 這個比例對應的是部落格文章的分享預覽圖與影片縮圖，它鎖定的使用情境從欄位設計就看得出來：標題、作者、摘要，正好是一篇文章送進社群時需要的三行文字。GitHub 上累積 137 顆星、18 次 fork，倉庫建立於 2023 年 9 月 27 日，main 分支最後一次合併停在隔天，之後三年沒有新的提交，也沒有發布過任何正式版本。

先講壞消息：能用的入口只剩 GitHub 倉庫

它流傳的位址是 coverpaint.xiaole.site，倉庫說明欄登記的另一個網域是 coverpaint.yanglele.cc。實測兩個網址，DNS 都查無 A 紀錄，連線直接停在無法解析這一步；xiaole.site 這個上層網域也解析不到任何網站，yanglele.cc 還活著，但 coverpaint 子網域沒了。它最近又出現在免費工具推薦文裡，附的網址正是已經消失的那個，點下去就是死路。

網際網路檔案館補上了時間線：2025 年 1 月 14 日的快照裡，這個網址回的是 Next.js 的錯誤頁殼，內文空白。對照 GitHub 的 issue 紀錄，2024 年 3 月就有使用者回報手機上點下載沒有反應，作者回了一句，請對方看看瀏覽器主控台印了什麼錯誤，使用者回說請作者自己拿手機試試，這段對話就停住了。把時間排開會看到同一件事：2023 年 9 月倉庫誕生，2024 年 3 月行動版故障回報，2025 年 1 月官方站以錯誤頁的姿態被存檔，2026 年 10 月網域連 DNS 都不留。入口壞了很久，而且沒有人打算修。

Pin

倉庫裡的文件也停在三年前。README 的使用說明只有三件事：去 Unsplash 開發者中心申請金鑰、在根目錄建 .env.local、把金鑰填進去。安裝段落就兩行指令，連部署一章都沒有。首頁那張展示用的封面圖放在作者的阿里雲圖床上，倒還活著。整份文件給人的印象與專案本身一致，一個做完就收工的週末作品。

自架不用五分鐘，一個環境變數決定圖庫功能

倉庫附的是 pnpm 鎖定檔，照慣例用 pnpm。流程三行指令：git clone 複製倉庫、pnpm install 裝依賴、npm run dev 起本機伺服器。我在 macOS 的 Node 26 環境實測，安裝一次成功，開發伺服器 3.2 秒就緒，瀏覽器打開 localhost:3000 就是完整介面，預設語言為簡體中文，右上角可切換英文與深色模式。要長期用，npm run build 之後部署到 Vercel 或任何 Node 主機都行，它就是一個標準的 Next.js 應用；倉庫沒有釘 Node 版本，新舊環境彈性很大。

整個專案的環境設定只有一項：Unsplash 的應用程式金鑰，環境變數名稱是 NEXT_PUBLIC_UNSPLASH_CLIENT_ID。在 unsplash.com/developers 免費申請、填進設定檔，圖庫搜尋才有作用。不填也裝得起來、跑得動，純色與自己上傳照片兩種模式完全不受影響；但圖庫分頁會安靜地失靈，實測主控台出現兩個 401 錯誤、搜尋結果一張圖都不出現，介面上沒有任何提示。自架完如果發現 Unsplash 搜不到圖，先檢查金鑰，問題多半在那裡。

另外要知道它沒有資料庫。表單內容只存在瀏覽器的記憶體裡，重新整理就回到預設的英文範例字，沒有草稿儲存、沒有歷史紀錄，好處是等於沒有任何帳號或個資可外洩，代價是中途關掉分頁就得重填。這種極簡是把雙面刃用得徹底，對一次生一張圖的封面場景剛好，想把它當設計工作台就會覺得處處缺。

實測一張中文封面：欄位排得進去，下載也真的有檔案

實測從純色模式開始：左欄標題填一句中文、作者填 TechMoon 編輯部、摘要一句話，右側預覽立刻變成一張藍底白字的 16 比 9 封面，標題在文字區塊最上方，摘要接著，作者與頭像落在最下方，色票可以從內建選色器任選。按下載，瀏覽器直接存出檔名固定的 coverImage.png，沒有註冊、沒有浮水印、沒有張數限制，整個過程就是填字、選背景、存檔。

Pin

上傳模式也照樣走通：丟一張 1600×900 的測試圖，預覽自動疊上底部漸層，文字在照片上仍然清楚，匯出的 PNG 約 213 KB。從原始碼看，用 Unsplash 圖時畫面右下角會在滑鼠移入時顯示攝影師帳號，這是唯一的來源標示；這行署名只在滑鼠移入時顯示，匯出函式抓取畫面的當下它並不在裡面，所以成品圖上不會有它。

Pin

介面裡的細節完成度不均，看得出收工得急。預覽區右上角的關閉鈕要用滑鼠移入才浮出來，點了會回到選圖狀態；深色模式與語言切換都在右上角，做得很完整；但刪除頭像的按鈕沒有翻譯，簡中與英文介面下都寫著英文 Delete，字型選單也只有匯入的四款。圖庫搜尋同樣有個不容易發現的上限：每次搜尋固定取回前 30 張，沒有載入更多或換頁的按鈕，想要更冷的關鍵字素材，換個更精準的搜尋詞會比一直滾動畫面有用。這些小地方不影響生圖，但會一路提醒你，這是一個做到能用就停的作品。

最容易踩空的兩件事：中文字型與匯出尺寸

字型選單有 Lexend、Croissant One、Inter、Nunito 四款，看起來有得選，實際上四款全部是 next/font 載入的拉丁字型，字型子集只含 latin。中文標題選哪一款，畫出來都是同一套系統預設字體，切換沒有作用；這一點從 FontSelector 原始碼可以直接對上，實際畫面也驗證了。對以中文寫作的讀者來說，這個功能等於不存在。

另一件事影響更大：匯出的 PNG 實測是 622×350，而這個尺寸跟上傳圖片的解析度無關。機制在於匯出用的是 html-to-image 套件，它把預覽區塊按螢幕上渲染出來的大小轉成圖，預覽框寬約 622 像素，輸出就是 622 像素寬；套件預設再乘上裝置的像素比，在 Retina 螢幕上大約會得到 1,244×700。介面上沒有任何尺寸或解析度選項，也沒有批次匯出，一次就是一張。對照介面自己給的建議，上傳圖片寬度大於 1500 像素、比例 16 比 9 效果更好，實測丟 1600×900 的圖，匯出仍是 622×350，那條建議守的是預覽品質，不是成品品質。常見的 1200×630 或 1280×720 封面規格都到不了，需要高解析就要在別套軟體放大，或者自己改程式把預覽框加寬。

照片不上傳是真的，對外連線分三層看

隱私是這類工具最常被問的一件事。免費封面工具多半走雲端編輯器的路線，素材先上傳、在伺服器上處理，再回傳成品；像 Cover Paint 這樣把整條流程留在瀏覽器裡的選項並不常見，這也是它停更三年仍有人架來用的主要原因。這部分實測成立，不過把對外連線拆成三層各自檢視，答案會更誠實。

我選的照片會被傳到哪裡？

不會去任何地方。上傳的背景圖與頭像在瀏覽器裡被 FileReader 轉成 data URL 直接放進預覽，按下載時 html-to-image 在本機把畫面算成 PNG 存檔。整份原始碼裡沒有後端接收圖片的路徑，實測匯出的檔案也走本機產生的資料，圖片內容與文字欄位確實不出門。

那它對外連了什麼？

兩件事。用圖庫模式時，搜尋字詞會從瀏覽器直接送到 Unsplash 的 API，金鑰也因為 NEXT_PUBLIC 前綴而打包在前端；選用 Unsplash 的圖並下載時，它會依 API 指引呼叫一次下載追蹤。另外 layout.tsx 埋了 Vercel Analytics，依 Vercel Analytics 的設計，部署在 Vercel 上才會回傳頁面瀏覽紀錄，本機開發模式它明確標示不送任何請求。換句話說，圖片與欄位內容留在本機，但搜尋字詞與頁面瀏覽會在服務商那邊留下紀錄，在意的人要知道這條界線畫在哪裡。

用 Unsplash 的圖，需要標註攝影師嗎？

Unsplash 授權對署名的態度是建議而非強制。這個工具在搜尋結果裡把攝影師名字連回個人頁並帶上來源標記，算守規矩；只是匯出的成品上沒有署名，要對外發布的封面如果想補一行圖片來源，得自己加。

限制集中看：手機下載、簡中介面、授權狀態

其餘限制一次攤開。行動版下載是 2024 年 3 月就回報的已知故障，issue 開到今天，考慮 main 分支已凍結三年，把它當純桌面工具看最省事。介面語言只有簡體中文與英文，連刪除頭像的按鈕都是寫死的英文 Delete，繁中介面不存在。排版固定一種，文字靠左下、漸層壓底，README 開發計畫裡的更多模板、自訂文字顏色、拖拽文字三項，全部停在未勾選，對應的 issue 從 2023 年 10 月開到現在也沒有下文；連開發者自己用的 .idea 設定資料夾都還留在倉庫裡，專案的收尾狀態一目瞭然。依賴組合是 2023 年 9 月的版本，自用無妨，公開部署前自己衡量要不要先升級。最後是授權：倉庫沒有 LICENSE 檔，GitHub 把授權狀態標為 None，原始碼看得到不等於取得商用或修改再散布的權利，公司專案要採用它，這個問號得先處理。

誰該自己架一份，誰該換工具

它適合的讀者很具體：用桌面電腦、會跑終端機、封面需求就是把文字快速排上背景、而且在意照片不離開本機。符合這個描述，花五分鐘自架，換到的是一個無帳號、無上傳、無費用的封面工具，這筆交換很值得。打算長期用的人建議直接 fork 一份自己養：上游已凍結三年，安全更新與功能調整都只能靠自己，反正它依賴少、程式碼好讀，維護負擔不重。需求不同就換路線：要模板與完整編輯，站內先前實測過的 Fabritor 是開源圖片編輯器，海報封面同樣在瀏覽器做完不上傳；只想把語錄文字排上圖，Quote Maker 更輕；要的是給照片生背景，PhotoRoom 的 AI 背景產生器免費可商用；而如果你真正要的是幫證件照蓋浮水印，那是另一件事，Image Watermark Tool 的做法更對口。判斷標準很單純：跑起來、生一張 622×350 的封面，確認這個尺寸在你的用途裡夠用，夠用就收工，不夠用就走替代路線，不必等它更新。