SVG 背景移除器

任何圖像 中移除背景。在您的瀏覽器中。免費,永遠。

私密與安全

一切都在您的瀏覽器中進行。您的檔案絕不接觸我們的伺服器。

極速

無需上傳,無需等待。在您拖放檔案的瞬間即可轉換。

完全免費

無需帳戶。無隱藏費用。無檔案大小限制花招。

背景移除將主體與其周圍環境分離開來,這樣你就可以將其放置在 透明背景上、更換場景或將其合成為新設計。在底層,你正在估算一個 alpha 遮罩——一個從 0 到 1 的每像素不透明度——然後將前景alpha 合成到 其他東西上。這是 Porter–Duff 的數學原理,也是“邊緣”和 直接 alpha 與預乘 alpha 等常見陷阱的起因。有關預乘和線性顏色的實用指南,請參閱 微軟的 Win2D 筆記 Søren Sandmann Lomont 關於線性混合的文章


人們移除背景的主要方式

1) 色度鍵(「綠/藍幕」)

如果你能控制拍攝,將背景漆成純色(通常是綠色),然後去背該色調。 這種方法速度快,在電影和廣播中經過實戰檢驗,非常適合影片。權衡之處在於燈光和服裝: 彩色光會溢出到邊緣(尤其是頭髮),所以你需要使用去溢工具來中和污染。 好的入門資料包括 Nuke 的文件 Mixing Light 和一個實踐性的 Fusion 示範

2) 互動式分割(傳統電腦視覺)

對於背景雜亂的單張圖片,互動式演算法需要使用者提供一些提示——例如,一個寬鬆的 矩形或塗鴉——然後收斂到一個清晰的遮罩。經典方法是 GrabCut 書中章節),它學習前景/背景的顏色模型,並迭代使用圖割來分離它們。 你會在 GIMP 的前景選擇中看到類似的想法,它基於 SIOX ImageJ 插件)。

3) 影像去背(細緻 alpha)

去背解決在纖細邊界(頭髮、毛皮、煙霧、玻璃)處的部分透明度問題。經典的 封閉式去背 接受一個三元圖(絕對前景/絕對背景/未知),並求解一個具有強邊緣保真度的 alpha 線性系統。現代的 深度影像去背 Adobe Composition-1K 資料集上訓練神經網路(MMEditing 文件),並使用 SAD、MSE、梯度和連通性等指標進行評估(基準解釋器)。

4) 深度學習摳圖(無三元圖)

相關的分割工作也很有用: DeepLabv3+ 使用編碼器-解碼器和空洞卷積來細化邊界 PDF); Mask R-CNN 提供每個實例的遮罩 PDF);以及 SAM (Segment Anything) 是一個 可提示的基礎模型,可在不熟悉的影像上進行零樣本遮罩生成。


流行工具的功能


更清晰摳圖的工作流程提示

  1. 智慧拍攝。 良好的光線和強烈的主體-背景對比度對每種方法都有幫助。對於綠/藍幕,請計劃 去溢 指南)。
  2. 從寬到窄。 執行自動選取(選取主體、 U2-Net SAM),然後用筆刷或去背(例如 封閉式)細化邊緣。
  3. 注意半透明。 玻璃、面紗、運動模糊、飛揚的頭髮需要真正的 alpha(不僅僅是硬遮罩)。同時恢復 F/B/α 的方法可以最大限度地減少光暈。
  4. 了解你的 alpha。 直接與預乘產生不同的邊緣行為;一致地匯出/合成(參見 概述 Hargreaves)。
  5. 選擇正確的輸出。 對於“無背景”,提供一個帶有乾淨 alpha 的點陣圖(例如 PNG/WebP),或者如果需要進一步編輯,則保留帶有遮罩的圖層檔案。關鍵在於你計算的 alpha 品質——植根於 Porter–Duff

品質與評估

學術著作報告了在 Composition-1K 上的 SADMSE梯度連通性錯誤。如果你正在選擇一個模型,請尋找這些指標 指標定義 背景去背指標部分)。 對於人像/影片,MODNet 背景去背 V2 很強大;對於一般的“顯著物體”影像, U2-Net 是一個堅實的基準;對於棘手的透明度, FBA 可能更乾淨。


常見邊緣案例(及修復方式)

  • 頭髮和毛皮: 傾向於去背(三元图或像 MODNet 這樣的人像去背)並在棋盤格上檢查。
  • 精細結構(自行車輻條、魚線): 使用高解析度輸入和像 DeepLabv3+ 這樣的邊界感知分割器作為去背前的預處理步驟。
  • 透明物體(煙霧、玻璃): 你需要分數 alpha 和通常的前景色估計 FBA)。
  • 視訊會議: 如果你能捕捉到一個乾淨的背景板, 背景去背 V2 看起來比簡單的“虛擬背景”切換更自然。

這在現實世界中的應用


為什麼摳圖有時看起來很假(及修復方式)

  • 顏色溢出: 綠色/藍色光包裹著主體——使用 去溢控制 或有針對性的顏色替換。
  • 光暈/邊緣: 通常是 alpha 解釋不匹配(直接與預乘)或邊緣像素被舊背景污染;正確轉換/解釋 概述, 詳情)。
  • 錯誤的模糊/顆粒: 將一個銳利的主體粘貼到一個柔和的背景上,它會顯得突兀;在合成後匹配鏡頭模糊和顆粒(參見 Porter–Duff 基礎)。

TL;DR 速查手冊

  1. 如果你控制拍攝: 使用色度鍵;均勻打光;計劃 去溢
  2. 如果是一次性照片: 嘗試 Photoshop 的 移除背景 Canva 的 移除器 remove.bg;用筆刷/去背對頭髮進行細化。
  3. 如果你需要生產級邊緣: 使用去背( 封閉式 或深度)並在透明背景上檢查 alpha;注意 alpha 解釋
  4. 對於人像/影片: 考慮 MODNet 背景去背 V2;對於點擊引導的分割, SAM 是一個強大的前端。

什麼是 SVG 格式?

可縮放矢量圖形

可縮放向量圖形 (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 在可縮放性、響應性和與網路技術整合方面的優點,讓它成為建立動態且視覺上吸引人的線上體驗的寶貴資產。

支援的格式

AAI.aai

AAI 沙漠圖像

AI.ai

Adobe Illustrator CS2

AVIF.avif

AV1 圖像文件格式

BAYER.bayer

原始 Bayer 圖像

BMP.bmp

Microsoft Windows 點陣圖像

CIN.cin

Cineon 圖像文件

CLIP.clip

圖像剪輯遮罩

CMYK.cmyk

原始青色,洋紅色,黃色和黑色樣本

CUR.cur

Microsoft 圖標

DCX.dcx

ZSoft IBM PC 多頁畫筆

DDS.dds

Microsoft DirectDraw 表面

DPX.dpx

SMTPE 268M-2003 (DPX 2.0) 圖像

DXT1.dxt1

Microsoft DirectDraw 表面

EPDF.epdf

封裝式可攜式文件格式

EPI.epi

Adobe 封裝式 PostScript 交換格式

EPS.eps

Adobe 封裝式 PostScript

EPSF.epsf

Adobe 封裝式 PostScript

EPSI.epsi

Adobe 封裝式 PostScript 交換格式

EPT.ept

帶有 TIFF 預覽的封裝式 PostScript

EPT2.ept2

帶有 TIFF 預覽的封裝式 PostScript Level II

EXR.exr

高人眼動態範圍圖像

FF.ff

Farbfeld

FITS.fits

靈活的圖像傳輸系統

GIF.gif

CompuServe 圖形交換格式

HDR.hdr

高動態範圍圖像

HEIC.heic

高效圖像容器

HRZ.hrz

緩慢掃描電視

ICO.ico

Microsoft 圖標

ICON.icon

Microsoft 圖標

J2C.j2c

JPEG-2000 編碼串

J2K.j2k

JPEG-2000 編碼串

JNG.jng

JPEG 網絡圖形

JP2.jp2

JPEG-2000 文件格式語法

JPE.jpe

聯合攝影專家組 JFIF 格式

JPEG.jpeg

聯合攝影專家組 JFIF 格式

JPG.jpg

聯合攝影專家組 JFIF 格式

JPM.jpm

JPEG-2000 文件格式語法

JPS.jps

聯合攝影專家組 JPS 格式

JPT.jpt

JPEG-2000 文件格式語法

JXL.jxl

JPEG XL 圖像

MAP.map

多解析度無縫圖像數據庫 (MrSID)

MAT.mat

MATLAB 等級 5 圖像格式

PAL.pal

棕櫚點陣圖

PALM.palm

棕櫚點陣圖

PAM.pam

通用二維位圖格式

PBM.pbm

可攜式位圖格式(黑白)

PCD.pcd

Photo CD

PCT.pct

Apple Macintosh QuickDraw/PICT

PCX.pcx

ZSoft IBM PC Paintbrush

PDB.pdb

棕櫚數據庫圖像查看器格式

PDF.pdf

可攜式文件格式

PDFA.pdfa

可攜式文檔檔案格式

PFM.pfm

可攜式浮點格式

PGM.pgm

可攜式灰度圖格式

PGX.pgx

JPEG-2000 VM 格式

PICT.pict

Apple Macintosh QuickDraw/PICT

PJPEG.pjpeg

聯合照相專家組 JFIF 格式(進行中)

PNG.png

可攜式網路圖形格式

PNG00.png00

與原始圖像相同的 PNG 圖像

PNG24.png24

透明背景的 24 位 RGB PNG 圖像

PNG32.png32

帶有透明度通道的 32 位 RGBA PNG 圖像

PNG48.png48

48 位 RGB PNG 圖像

PNG64.png64

帶有透明度通道的 64 位 RGBA PNG 圖像

PNG8.png8

8位的 PNG 圖像

PNM.pnm

可攜式任何圖像格式

PPM.ppm

可攜式像素圖格式(彩色)

PS.ps

Adobe PostScript

PSB.psb

Photoshop大型檔案格式

PSD.psd

Adobe Photoshop bitmap

RGB.rgb

原始紅色,綠色和藍色樣本

RGBA.rgba

原始紅色,綠色,藍色和 Alpha 樣本

RGBO.rgbo

原始紅色,綠色,藍色和不透明度樣本

SIX.six

DEC SIXEL 圖像格式

SUN.sun

SUN 飽和圖像

SVG.svg

可縮放矢量圖形

TIFF.tiff

Tagged Image File Format

VDA.vda

Truevision Targa 圖像

VIPS.vips

VIPS圖像

WBMP.wbmp

無線點陣圖像

WEBP.webp

WebP圖像格式

YUV.yuv

CCIR 601 4:1:1 或 4:2:2

常見問題

這是如何運作的?

這個轉換器完全在您的瀏覽器中運行。當您選擇 一個檔案,它將讀入內存並轉換為所選格式。 然後,您可以下載轉換後的檔案。

轉換一個檔案需要多久?

轉換馬上開始,大部分檔案僅需一秒鐘轉換。 較大的檔案可能需要更長的時間。

我的檔案會發生什麼?

您的檔案絕不會上傳到我們的伺服器。它們在您的瀏覽器中 轉換,然後下載轉換後的檔案。我們從未看到您的檔案。

我可以轉換哪種類型的檔案?

我們支援所有圖形格式之間的轉換,包括 JPEG,PNG,GIF,WebP,SVG,BMP,TIFF,等等。

這需要多少費用?

此轉換器完全免費,且將永遠免費。 由於它在您的瀏覽器中運行,我們無需支付 伺服器費用,所以我們不需要向您收取費用。

我可以一次轉換多個檔案嗎?

可以!您一次可以轉換任意多的檔案。 當您添加檔案時,只需選擇多個檔案即可。