# 照片白邊移除工具：技能書與協作來源 把有白邊的照片拖進瀏覽器，批次裁掉外框，再下載 PNG。 ## 工坊收錄說明 內容與行銷 要整理相片白邊、準備素材的創作者、想研究瀏覽器裁切與輸出設定的人。 一組保留原檔的白邊裁切 PNG，附採用的裁切強度、倍率、DPI 與白色主體的邊緣比較。 和創作者交換自製的邊界測試圖，整理哪些白色主體容易被誤裁，再把可重現案例回饋原作。 先用 README 方法 A 的 GitHub Pages 入口，準備一張自製白框圖，從一般裁切強度開始。 ## 封面與來源署名 作者：ken-kk 封面插畫：/art/skills/photo-border-remover.webp 原作者 GitHub：https://github.com/kieiken/photo-border-remover 登入自由工坊並連結自己的 GitHub，即可在技能書加星或取消星星。 原作數據：/api/v1/github/books/photo-border-remover/metrics Stars、Forks、追蹤數、未結 Issues 與 PR 合計、最近程式更新時間以 GitHub 回覆為準；數據附核對時間，讀取失敗不冒充零。 ## 讀者與格式 瀏覽器圖片白邊處理工具 - 要整理相片白邊、準備素材的創作者 - 想研究瀏覽器裁切與輸出設定的人 ## 功能與使用範圍 MIT。瀏覽器版免安裝；README 說明圖片在瀏覽器內處理、不上傳，工坊未實測傳輸或裁切品質。指定資料夾自動保存需 macOS 與 Node.js 的本機服務。輸入限 PNG／JPEG／WebP，輸出 PNG；1–3 倍放大及 DPI 設定不會憑空補回細節。白色主體可能和外框難區分，請保留原檔、逐張看邊緣。 - 拖放一張或多張 PNG、JPEG、WebP，自動偵測外側白色留白。 - 調整殘留白邊強度、DPI（預設 300）與 1x／2x／3x 放大倍率。 - 瀏覽器直接下載 PNG；Mac 模式透過 127.0.0.1:4180 本機服務另存到指定資料夾。 ## 開始前準備 - 可用的瀏覽器、一張自製白框圖，以及另一張含白色主體的測試圖。 - 先備份原圖；需要資料夾自動保存才準備 Mac、Node.js 與「写真白枠リムーバー.command」。 - README 的方法 A／B 與設定表；先選一般下載或本機自動保存。 ## 第一個練習 1. 先用 README 方法 A 的 GitHub Pages 入口，準備一張自製白框圖，從一般裁切強度開始。 2. 再放入含白色主體的測試圖，比較標準／較強裁切，確認沒有切掉主體。 3. 下載 PNG，比較原圖與輸出的邊緣、尺寸及 DPI；需要自動保存時再讀方法 B 和 OUTPUT_DIR 設定。 ## 練習成果 一組保留原檔的白邊裁切 PNG，附採用的裁切強度、倍率、DPI 與白色主體的邊緣比較。 ## 專案與授權 原作 Repo：https://github.com/kieiken/photo-border-remover 從原作建立自己的版本：https://github.com/kieiken/photo-border-remover/fork 工坊整合參考：https://github.com/kieiken/photo-border-remover 記錄的授權：MIT ## 一起改這本技能書 在原作 Issues 附自製白框測試圖、瀏覽器版本、設定與預期裁切範圍；不要上傳未授權照片，保留 ken-kk 的來源與 MIT 署名。 原作 Repo：https://github.com/kieiken/photo-border-remover 預設 PR 目標：kieiken/photo-border-remover:main 從原作建立自己的版本：https://github.com/kieiken/photo-border-remover/fork 原作 PR：https://github.com/kieiken/photo-border-remover/pulls 工坊整合參考：https://github.com/kieiken/photo-border-remover 工坊整合任務專用 Fork：https://github.com/kieiken/photo-border-remover/fork 工坊任務：https://github.com/kieiken/photo-border-remover/issues 工坊 PR：https://github.com/kieiken/photo-border-remover/pulls GitHub Milestones：https://github.com/kieiken/photo-border-remover/milestones 先閱讀原作現行的貢獻規則。Fork 不會自動回饋原作；修改要以 PR 提交，由原作維護者決定是否合併。工坊整合任務可在工坊審查，另外記錄回饋原作的 PR 或未回送原因。 以下是入口與建議，不代表已認領或已完成。以 GitHub 最新 Issue、PR 與維護者確認為準。 - 第一份可重用的共同成果（建議里程碑）：提交可重現案例、來源與驗證結果，由維護者審查；這是建議里程碑，尚未建立為 GitHub milestone。 ### 改善瀏覽器圖片白邊處理工具的第一個案例 · 建議任務 在原作 Issues 附自製白框測試圖、瀏覽器版本、設定與預期裁切範圍；不要上傳未授權照片，保留 ken-kk 的來源與 MIT 署名。 - 驗收：一組保留原檔的白邊裁切 PNG，附採用的裁切強度、倍率、DPI 與白色主體的邊緣比較。 記錄實際驗證與未執行項目；以原作 Issue／PR 協調。 Agent Skill：/development/skills/photo-border-remover/SKILL.md 協作 JSON：/api/v1/skills/photo-border-remover/collaboration ## 參與開發 在原作 Issues 附自製白框測試圖、瀏覽器版本、設定與預期裁切範圍；不要上傳未授權照片，保留 ken-kk 的來源與 MIT 署名。 工坊 Issue／PR 協調入口：https://github.com/kieiken/photo-border-remover/issues 先讀該 Repo 根目錄 README.md、AGENTS.md、CONTRIBUTING.md；原始程式、測試及來源授權留在該專案。平台介紹與公會收錄則在 freedom-platform 的 modules/community 維護。 要改善平台介紹：https://github.com/FreeTWAI/freedom-platform/issues ## 閱讀與來源 閱讀原始專案：https://github.com/kieiken/photo-border-remover/blob/92df7927148ce6bab202114393365c8bc9e652d1/README.md 核對日期：2026-10-20 核對版本：92df7927148ce6bab202114393365c8bc9e652d1 - README.md：https://github.com/kieiken/photo-border-remover/blob/92df7927148ce6bab202114393365c8bc9e652d1/README.md - LICENSE：https://github.com/kieiken/photo-border-remover/blob/92df7927148ce6bab202114393365c8bc9e652d1/LICENSE 專案網站：https://kieiken.github.io/photo-border-remover/ ## 共創原則 GitHub Issue 是待辦與協調來源，PR 是審查與合併紀錄。先確認任務範圍，再用自己的分支完成相關驗證；保留上游與實際貢獻者。Fork 不等於平台認證、已測試運行或新授權。 完整結構化目錄：/api/v1/development-map