內容感知填滿:塗掉它,讓周圍的背景自己長過來
塗一筆就補一塊。背景越平,補得越像沒發生過。
它解決的是一個很具體的動作:畫面裡有個東西你不想要 —— 電線、路人、logo、日期浮水印 —— 你希望它消失,而那塊地方變成周圍本來應該有的樣子。不是打馬賽克(那等於宣告「這裡有東西被擋住了」),也不是裁掉(那會連構圖一起丟)。
演算法是怎麼運作的,以及它什麼時候不行。 你塗出來的區域被當成一個「洞」,演算法從洞的邊緣向內一輪一輪做鄰域平均,把外面的顏色慢慢擴散進去。背景越平,效果越好:天空、牆面、純色桌面、模糊的背景,補完看不出來。反過來,規則紋理會露餡:磚牆的縫、木地板的紋、草地、人群 —— 擴散出來的是一片糊,而不是接得上的紋理。那需要 PatchMatch 那類「從別處搬一塊相似的補丁過來」的演算法,本頁沒有。碰到這種圖,把塗抹範圍貼緊物體邊緣往往還能救回來。
主要功能
塗哪填哪,隨時改主意
筆刷塗的就是要填的區域,放開即出結果。塗多了用橡皮擦回去,或者 Ctrl+Z 復原這一筆 —— 復原的是這一筆,不是整張重來。
按住看原圖
補完之後最想確認的是「原來那裡長什麼樣」。按住畫面就切回原圖,放開回到結果 —— 不用左右找對比按鈕。
說清楚做不好什麼
規則紋理(磚、木紋、格子布)、密集重複(草地、人群、樹葉)、跨越強邊界的大塊區域,這三類補出來是糊的。這不是參數沒調好,是這個演算法的性質。
圖片不上傳
擴散計算全在你的瀏覽器裡完成,沒有任何一條帶圖片資料的請求。你可以打開開發者工具的網路面板自己看。
使用步驟
- 1 把圖拖進來JPG、PNG、WebP 都收,也可以 Ctrl+V 貼上。
- 2 把不想要的東西塗掉調好筆刷大小,把它整個蓋住。蓋不全的話,露出來的那一點點會被當成「周圍的背景」擴散進去 —— 結果就是那個東西的顏色又長回來了。蓋住之後再盡量貼著邊緣,別連帶塗掉大片背景。
- 3 放開看結果不滿意就擦掉重塗,或者 Ctrl+Z 退回上一筆。按住畫面可以隨時對照原圖。
- 4 下載存成圖片,或者一鍵帶進完整編輯器繼續修。
常見問題
- 和 Photoshop 的內容感知填滿是同一個東西嗎?
- 思路相同,演算法不同。 Photoshop 用的是 PatchMatch 那一類:在畫面別處找一塊長得像的補丁搬過來,所以它能接上磚牆的縫、木地板的紋。本頁用的是低頻擴散:從洞的邊緣把顏色一輪輪平均進去。平背景上兩者看起來一樣,複雜紋理上差距很明顯。我們把這一條寫在正文裡,而不是等你塗完才發現。
- 補出來是一片糊,是我塗錯了嗎?
- 先查一件事:是不是沒蓋全。露在筆觸外的那一點點會被演算法當成「周圍的背景」,於是那個東西的顏色又擴散回洞裡 —— 看起來就像「填滿沒生效」。(這條最常見,我們自己寫測試時第一次也栽在這裡。) 蓋全了仍然是糊,那多半是背景的問題:規則紋理、密集重複、跨越強邊界這三類,擴散演算法本來就補不好。還能改善的是:塗抹範圍蓋住之後盡量貼緊邊緣,別連帶塗掉大片背景 —— 洞越小,邊緣參考越可靠;以及分幾筆塗,每筆蓋住一小塊。
- 和「去除照片雜物」那一頁有什麼差別?
- 底層是同一套東西,差別在你從哪個詞找過來:那一頁是按任務寫的(「我想把這個路人去掉」),這一頁是按 Photoshop 的功能名寫的(「內容感知填滿在網頁上怎麼用」),正文側重不同 —— 這一頁更細地講了演算法的邊界。兩頁用哪個都行。
- 圖片會傳到你們伺服器嗎?
- 不會。塗抹和擴散計算全在瀏覽器裡完成。你可以打開開發者工具的網路面板,塗一筆試試 —— 不會出現任何帶圖片資料的請求。
現在就試試內容感知填滿:塗掉它,讓周圍的背景自己長過來
純瀏覽器執行 · 免安裝 · 免註冊 · 圖片不上傳伺服器