照片去背好麻煩!?人工智慧幫你省時省力!

-
照片去背好麻煩!?人工智慧幫你省時省力!



免費的AI去背網站remove.bg可以在五秒鐘內快速去背

人工智慧又幫我一個大忙!外行人或是趕時間的初學者,這網站會造福你啊!

為何我們會想寫這篇文章?

雖然使用 Photoshop 去背可以去的很乾淨，但是修到細節的地方都需手動，對許多新手來說非常耗時，恐怕無法應付大量去背的需求 【請參看文章：Photoshop毛髮去背教學】 。就算是使用其他的免費去背工具、 APP，去背的精細程度也不一。好在現在 AI 人工智慧的技術越來越強大，已有不少專案、開源演算法利用 AI 機器學習 辨識圖像，去背網站「Remove.bg」更是直接把這樣的技術應用在去背，甚至還以免費線上去背的工具的形式呈現，造福更多用戶！

免費去背網站「Remove.bg」可以在你上傳圖片五秒鐘後，其人工智慧技術就能辨識出前景與背景，並且幫你去背，並讓你直接下載透明背景的 PNG 檔案，可說是需要大量圖片去背的網拍美編、數位行銷人員的救星。你唯一需要做的就是：上傳「待」去背的圖片即可，完全不需要灌任何的軟體、APP，是不是超方便！



擁有強大 AI 工具的去背網站remove.bg可以幫你在五秒鐘快速去背

我們先上傳動物、人與物品等幾張圖片，來試驗看看這功能！首先，我們上傳貓咪的圖片：

擁有強大AI工具的去背網站remove.bg上傳圖片後五秒內去背

果然！人工智慧真的很快就能辨識背景、去背超神速！那我們現在拿另一張貓咪的照片來測試，結果發現 AI 也圈選到了預期外的範圍（如下圖較偏上方的桃色框框內所示）。放心～貼心的 Remove.bg 也有編輯功能的！（如下圖較偏下方的桃色框框內所示）：

擁有強大AI工具的去背網站remove.bg上傳圖片後五秒內去背

點進編輯功能後，發現有類似 Photoshop 的橡皮擦工具，可以將不想要的部分擦除。


使用橡皮擦工具將 AI 溢選的範圍清除

去除不要的部分後，還可以看看左側的 Background 選單。當中有各種程度的背景模糊 (Blur) 效果，可以模擬「淺景深」的效果。

在 Background 的選單中，有各式各樣的 Blur 工具可以創造淺景深的效果

下方還有各種背景給你套用，若沒找到合適的背景還可以使用自己的背景呢！


可以自行加上各式各樣的背景

 也可以直接下載成透明背景的 png 素材。

去背後可以選擇另外加入背景，或是下載成無背景的PNG圖檔

之前也有像是 Background Burner、Clipping Magic、PhotoScissors 等網站有免費線上去背的服務，不過在一些毛髮邊緣等細節，準確度仍差強人意，需要再用手動微調 (也許花的時間不如使用 Photoshop )。使用「remove.bg」對長髮女生圖片做毛絲去背的測試，雖然結果也稱不上完美，但是跟其他軟體或 APP 來比還是有較好的表現，邊緣處理也自然很多。


使用長髮女生的圖做髮絲去背的測試，雖然也稱不上非常精準，但還在可接受的範圍




相關文章：

人工智慧的魔法,像哈利波特般,讓靜態照片動起來! 

國小課綱加入AI人工智慧,讓小孩搶先別人踏進科技的世界!

雪中送炭!感謝AI人工智慧,讓流浪貓在冷冷的冬天也有地方溫飽!

只要來這裡上Python 課程你想不到的美夢也能成真

達內教育與惠普.英特爾合作,為培育更多IT人才!

暑假快到了！與其讓兒子盲目拚學測，我寧可讓他先選擇人生方向~

達內課程先就業再付款- 中時電子報



這個網誌中的熱門文章

Python控制結構一點就通!(5)while迴圈

-
圖片
關於Python的while迴圈,它可以製造出那些效果?一步步跟著這篇走,剩下的你不用怕啦! 關於Python-while 迴圈 Python 的 if 條件判斷式【請參考上篇的 Python教學 ： Python控制結構2.if else條件判斷(1) 】，若評估為 True【請參考： Python控制結構1.布林值Boolean-True or False? 】 的話，就會執行一次；反之則不執行。 Python 的 while 迴圈跟 if 條件判斷式相似，但是不同的是，它不只執行一次。只要條件成立，它就會不斷地重複執行。就算是有其中一段代碼被評估為 False，下一段代碼仍會被執行。 while 迴圈構成，包含了 。 以下範例的 while 迴圈中有一個變數「i」， 初始值 為「1」； 更新值（又稱為調整值） 為「i+1」； 讓迴圈結束的條件 為「i <=5」。 這次 Python教學 給你以下範例，讓 i 的從初始值開始，程式每執行一次，i 就等於上一回合的數值再「+1」一次，直到 i 等於 5 為止停止，寫法如下： i = 1 #初始值 while i <=5: #讓迴圈結束的條件 print(i) i = i + 1 #更新值 (調整) 則結果為： 1 2 3 4 5 >>> while迴圈的「infinite loop(無限循環)」 Python 的 while 迴圈中，有一種被稱作「infinite loop(無限循環)」，當條件（為True）成立時，該程式就會永不停止地重複執行。 「infinite loop(無限循環)」的範例如下： while 7==7: print("這是無限循環迴圈") 結果，「這是無限循環迴圈」這行字就會不斷的重複顯示。 若你真的受不了，你可以 按鍵盤快速鍵「Ctrl-C」以阻止它繼續重複顯示。 以下也是無限循環迴圈的另一個例子，來看看它的結果如何吧！ x=1 >>> while x>0: print(x) x+2 結果馬上會跳出一堆數字，且不斷的在跳出中。後出來的數字，都是
閱讀完整內容

前端工程師絕不能搞錯的CSS中:逗號.空格的差別!

-
圖片
想成為前端工程師?那CSS中最基本的逗號.空格再搞錯,豈不是太不專業了! 有時在 HTML 中， 前端工程師 們會對同一個標籤給予兩個以上的 Class 名稱，如以下所示: < div class = " first second " > </ div > 對於這類有兩個以上的 Class 名稱的 HTML，其 CSS 選擇器可能會用以下的三種情況顯示。而聰明的你，分辨得出這些 CSS 有什麼不同嗎? /*1. 兩個 class 中有空格*/ .first .second /*2. 兩個 class 中沒有空格*/ .first.second /*3. 兩個 class 中出現逗號*/ .first,.second 對於 CSS 及前端工程師的初學者來說，上述三種 CSS 因為長得很像，所以經常傻傻分不清楚。究竟兩個 class 中間空格、沒空格、有逗號，到底差在哪裡? 別擔心，立刻講解給你聽：   1. 兩個 class 中有空格的例子：五個區塊中，階層必須是要在 first 區塊之下的 second 區塊，才會顯示黑底白字的 CSS 設定 See the Pen .first與 .second中間有空格的例子 by Tedutw ( @Tedutw ) on CodePen . 2. 兩個 class 中沒有空格的例子：五個區塊中， div class 名稱必須同時出現 first 與 second 才會顯示黑底白字的 CSS 設定 See the Pen .first與 .second中間無空格的例子 by Tedutw ( @Tedutw ) on CodePen . 3. 兩個 class 中有逗號的例子：五個區塊中，只要 div class 名稱中有出現 first 或是 second 的區塊，就會顯示黑底白字的 CSS 設定 See the Pen .first與 .second中間有逗號的例子 by Tedutw ( @Tedutw ) on CodePen . 註 : 以上三個範例的 HTML 碼都一樣 延伸閱讀： 前端工程師入門款小常識-CSS碼特性一下就上手! 
閱讀完整內容

網頁前端CSS必學兩屬性:display與visible

-
圖片
今天要介紹網頁前端中的兩個CSS屬性:display與visible屬性! 本篇介紹 網頁前端 排版的兩個 CSS 屬性：display 屬性與 visibility 屬性。 CSS ：display 屬性 display:block 對於 CSS 語法來說， 網頁前端 的每個元素都是一個矩形盒（rectangular box）模型。而使用「display」屬性，便可以決定「盒（box）」的呈現方式。 又「區塊元素（block element）」則會佔用可用寬度的最大值，前後有換行符。 以下範例分別顯示了是否有將<span>元素顯示為區塊元素（block element）的結果。 在下方的顯示視窗中，按「CSS」，就可以觀看 CSS 的語法如何設定了！ See the Pen display: block by Tedutw ( @Tedutw ) on CodePen . 上述範例的 網頁前端 CSS 語法設定如下： span.block{ display:block; } display:inline inline 元素只佔用可用寬度的最大值，並不強制換行。 將上一段範例的<span>元素，CSS 換成「display: inline」的結果如下。跟上一個範例一樣，在下方的顯示視窗中，按「CSS」可以觀看 CSS 的語法如何設定。 See the Pen display: block by Tedutw ( @Tedutw ) on CodePen . 上述範例的 CSS 語法設定如下： span{ display:inline; } display:none 「display:none」用來將元素隱藏使用，當元素隱藏後，就不佔用任何空間了，且在 網頁前端 頁面顯示時也不會被展現出來，就好像該元素不存在一樣。 在以下範例中，我們將第 2、4 段設為「display:none」，其他設為「display:block」。 See the Pen display: none by Tedutw ( @Tedutw ) on CodePen . 上述介紹的「block」、「inline」、「none」都是最常碰到的的 d
閱讀完整內容