背景移除將主體與其周圍環境分離開來,這樣你就可以將其放置在 透明背景上、更換場景或將其合成為新設計。在底層,你正在估算一個 alpha 遮罩——一個從 0 到 1 的每像素不透明度——然後將前景alpha 合成到 其他東西上。這是 Porter–Duff 的數學原理,也是“邊緣”和 直接 alpha 與預乘 alpha 等常見陷阱的起因。有關預乘和線性顏色的實用指南,請參閱 微軟的 Win2D 筆記、 Søren Sandmann 和 Lomont 關於線性混合的文章。
如果你能控制拍攝,將背景漆成純色(通常是綠色),然後去背該色調。 這種方法速度快,在電影和廣播中經過實戰檢驗,非常適合影片。權衡之處在於燈光和服裝: 彩色光會溢出到邊緣(尤其是頭髮),所以你需要使用去溢工具來中和污染。 好的入門資料包括 Nuke 的文件、 Mixing Light 和一個實踐性的 Fusion 示範。
對於背景雜亂的單張圖片,互動式演算法需要使用者提供一些提示——例如,一個寬鬆的 矩形或塗鴉——然後收斂到一個清晰的遮罩。經典方法是 GrabCut (書中章節),它學習前景/背景的顏色模型,並迭代使用圖割來分離它們。 你會在 GIMP 的前景選擇中看到類似的想法,它基於 SIOX (ImageJ 插件)。
去背解決在纖細邊界(頭髮、毛皮、煙霧、玻璃)處的部分透明度問題。經典的 封閉式去背 接受一個三元圖(絕對前景/絕對背景/未知),並求解一個具有強邊緣保真度的 alpha 線性系統。現代的 深度影像去背 在 Adobe Composition-1K 資料集上訓練神經網路(MMEditing 文件),並使用 SAD、MSE、梯度和連通性等指標進行評估(基準解釋器)。
相關的分割工作也很有用: DeepLabv3+ 使用編碼器-解碼器和空洞卷積來細化邊界 (PDF); Mask R-CNN 提供每個實例的遮罩 (PDF);以及 SAM (Segment Anything) 是一個 可提示的基礎模型,可在不熟悉的影像上進行零樣本遮罩生成。
學術著作報告了在 Composition-1K 上的 SAD、MSE、梯度和連通性錯誤。如果你正在選擇一個模型, 請尋找這些指標 (指標定義; 背景去背指標部分)。 對於人像/影片,MODNet 和 背景去背 V2 很強大;對於一般的“顯著物體”影像, U2-Net 是一個堅實的基準;對於棘手的透明度, FBA 可能更乾淨。
可縮放向量圖形 (SVG) 是一種廣泛使用的標記語言,用於描述 XML 中的二維圖形。與將影像儲存為 個別像素集合的點陣圖格式(例如 JPEG、PNG 或 GIF)不同,SVG 透過數學公式定義形狀、線條和色彩。這種基本差異讓 SVG 檔案可以縮放至任何大小而不會損失品質,使其成為響應式網頁設計、複雜插圖和需要在各種裝置和解析度中保持清晰度的標誌的理想選擇。
SVG 圖形由向量形狀組成,例如圓形、矩形、多邊形和由 2D 空間中的點描述的路徑,以及使用 SVG 標記語言定義的筆觸、填色和其他視覺屬性。SVG 檔案中的每個元素和屬性都直接對應於 SVG 渲染模型的一部分,讓使用者可以精細地控制圖形的顯示方式。SVG 檔案可以用任何文字編輯器建立和編輯,因為它們是純文字檔案,也可以使用各種軟體函式庫以程式方式產生和操作。
SVG 的主要功能之一是其 DOM 介面。SVG 影像可以直接嵌入 HTML 文件中,而且因為它們成為文件物件模型 (DOM) 的一部分,所以可以像 HTML 元素一樣與它們互動。這種整合允許透過 JavaScript 和 CSS 動態變更 SVG 影像的屬性,讓圖形可以進行動畫、互動和即時更新。例如,SVG 元素的色彩、大小或位置可以根據使用者的互動(例如滑鼠移動或點擊)或圖形所代表資料的變更而改變。
SVG 支援廣泛的圖形效果,包括漸層、圖案、剪裁路徑和遮罩,這些效果提供了建立複雜視覺呈現的廣泛選項。SVG 也包含濾鏡效果,例如模糊、色彩處理和陰影,這些效果的定義方式類似於 CSS 濾鏡,但專門設計用於向量圖形。這些效果讓開發人員和設計師可以直接在 SVG 標記中套用精密的視覺增強功能,讓使用者可以在不使用點陣圖影像的情況下製作出詳細的插圖和紋理效果。
互動性和動畫是 SVG 最引人注目的用途之一。透過 <animate>、<set> 和 <animateTransform> 元素,SVG 提供了一個宣告式語法,用於隨著時間推移動畫圖形的屬性和特性。此外,SVG 與 JavaScript 的整合擴展了它的動畫功能,讓使用者可以製作出更複雜且互動的動畫,這些動畫會對使用者的輸入或其他動態事件做出反應。這些功能的結合讓使用者可以建立引人入勝的網路應用程式、資料視覺化和互動式資訊圖表,這些應用程式和圖表可以利用網路技術的全部功能。
無障礙性是 SVG 的另一個重要優點。SVG 影像中的文字是可以選擇和搜尋的,這與文字被扁平化的點陣圖影像形成對比。此功能不僅透過允許文字選擇來改善使用者體驗,也增強了文件的無障礙性,因為螢幕閱讀器可以詮釋和朗讀 SVG 圖形中包含的文字。此外,SVG 支援元素的語義群組和描述性標籤,這有助於將圖形的結構和目的傳達給輔助技術。
最佳化和壓縮對於網路效能至關重要,而 SVG 檔案在這個領域提供了多項優點。由於 SVG 圖形是基於文字的,因此可以使用 GZIP 大幅壓縮它們,這可以大幅縮小它們的檔案大小,以加快載入時間。此外,由於 SVG 是基於向量的,因此它通常比高解析度點陣圖影像需要更少的儲存空間,特別是對於簡單的圖形或圖示。然而,XML 的冗長性和過於複雜或編碼效率低下的圖形可能會導致 SVG 檔案比必要的更大。因此,SVGO(SVG 最佳化器)等工具通常用於清理和最佳化 SVG 檔案,移除不必要的資料和格式,讓檔案盡可能精簡。
SVG 在響應式網頁設計中也扮演著關鍵角色。由於 SVG 圖形具有可縮放性,因此它們可以輕鬆適應不同的螢幕大小、解析度和方向,而不會損失品質或出現像素化問題。設計師可以透過屬性和 CSS 控制 SVG 影像的響應性,確保圖形在所有裝置上(從桌上型電腦螢幕到智慧型手機)看起來都清晰銳利。這種內建的可縮放性讓 SVG 成為標誌、圖示和其他需要在各種顯示環境中維持視覺完整性的圖形的絕佳選擇。
儘管 SVG 有許多優點,但它也並非沒有挑戰和限制。例如,雖然 SVG 擅長表示圖形元素(例如形狀、線條和文字),但它並不適合具有數千種色彩和漸層的複雜影像,例如照片。在這些情況下,JPEG 或 PNG 等點陣圖格式會更合適。此外,SVG 在處理極其複雜或包含大量元素的圖形時,效能可能會受到影響,因為每個元素都必須渲染,並且可能需要動畫或互動。
此外,跨瀏覽器相容性在歷史上一直是 SVG 的一項挑戰。雖然現代網路瀏覽器已經改善了對 SVG 的支援,但不同瀏覽器在詮釋和顯示 SVG 內容的方式上仍然可能存在不一致的情況。開發人員可能需要實作解決方法或後備方案,以確保他們的圖形在所有平台上都能正確顯示。無障礙性功能雖然強大,但需要仔細實作才能充分受益於 SVG 的功能,包括為輔助技術適當地標記和建構圖形。
SVG 與其他網路標準的整合為網路設計師和開發人員開啟了廣泛的可能性。SVG 可以使用 CSS 設定樣式,讓設計師能夠將熟悉的樣式屬性套用於向量圖形。它可以透過 JavaScript 進行操作,允許動態變更和互動。此外,由於 SVG 是基於 XML 的,因此它可以與其他 XML 技術和資料格式(例如 RSS 饋送或 XML 資料庫)結合使用。這種整合讓 SVG 成為資料視覺化的強大工具,讓使用者可以產生動態的、資料驅動的圖形,並即時更新。
展望未來,SVG 在網路開發中的角色可能會持續成長。網路技術的進步和對高品質、互動性和響應式圖形日益增長的需求,將推動 SVG 使用的進一步採用和創新。新的功能和功能(例如改進的動畫語法、更好的無障礙性功能和增強的效能最佳化)可能會被開發出來,讓 SVG 成為現代網頁設計中更重要的元素。
總之,SVG 提供了一組豐富的功能,用於在網路上建立和操作可縮放向量圖形。它可以縮放而不損失品質,並支援互動性、動畫和無障礙性,這讓它成為設計師和開發人員的多功能工具。儘管存在一些挑戰,例如跨瀏覽器相容性和效能考量,但 SVG 在可縮放性、響應性和與網路技術整合方面的優點,讓它成為建立動態且視覺上吸引人的線上體驗的寶貴資產。
這個轉換器完全在您的瀏覽器中運行。當您選擇 一個檔案,它將讀入內存並轉換為所選格式。 然後,您可以下載轉換後的檔案。
轉換馬上開始,大部分檔案僅需一秒鐘轉換。 較大的檔案可能需要更長的時間。
您的檔案絕不會上傳到我們的伺服器。它們在您的瀏覽器中 轉換,然後下載轉換後的檔案。我們從未看到您的檔案。
我們支援所有圖形格式之間的轉換,包括 JPEG,PNG,GIF,WebP,SVG,BMP,TIFF,等等。
此轉換器完全免費,且將永遠免費。 由於它在您的瀏覽器中運行,我們無需支付 伺服器費用,所以我們不需要向您收取費用。
可以!您一次可以轉換任意多的檔案。 當您添加檔案時,只需選擇多個檔案即可。