深入解析 BG-Zero 如何使用 WebAssembly、WebGPU 和 ONNX Runtime 完全在浏览器中完成 AI 背景去除——无需将图片发送到任何服务器。
本文详解不上传图片即可去除背景的技术原理。 查看完整的不上传抠图指南
浏览器端背景去除是指检测和去除图片背景的 AI 模型完全在你的浏览器内运行——使用设备的 CPU 或 GPU——而非远程云服务器。
关键区别：你的图片数据永远不会跨越网络边界。AI 推理发生在图片所在的地方——你的设备上。
BG-Zero 如何从头到尾完全在客户端处理图片：
浏览器 File API 将图片读入本地内存的 ArrayBuffer。没有网络请求。
图片张量传递给在 WebAssembly/WebGPU 中运行的 AI 模型。模型输出分割遮罩。
通过 Canvas API 将遮罩应用到原始图片，将背景像素设为透明。
Canvas.toBlob() 在内存中生成最终透明 PNG。Blob URL 触发下载。
BG-Zero 可以使用两种执行后端进行 AI 推理：
| 方面 | WebAssembly (WASM) | WebGPU |
|---|---|---|
| 执行目标 | CPU（多线程） | GPU（并行计算） |
| 浏览器支持 | 所有现代浏览器 | Chrome 113+, Edge 113+ |
| 速度（典型图片） | 2–8 秒 | 0.5–2 秒 |
| 降级方案 | 始终可用 | 无 GPU 时回退到 WASM |
客户端处理不仅增加了隐私——它消除了整类风险：
与服务器处理相比，浏览器端 AI 有一些需要注意的地方：
BG-Zero 的技术架构包括：
关于浏览器 AI 处理的技术问题
指 AI 推理完全在你的浏览器（客户端）运行，而非远程服务器。图片使用设备的 CPU/GPU 通过 WebAssembly 或 WebGPU 处理，永远不会离开你的设备。
所有现代浏览器都支持 WebAssembly（Chrome、Firefox、Safari、Edge）。WebGPU 加速可在 Chrome 113+、Edge 113+ 中使用，Firefox 和 Safari 有实验性支持。
安全。WebAssembly 在浏览器的沙箱环境中运行，无法访问文件系统、网络或其他标签页。它只能处理网页应用明确传递给它的数据。
服务器处理需要上传图片，这会产生隐私风险：传输中的数据、可能的存储、可能用于训练、合规问题。客户端处理从架构上消除了所有这些问题。
如果浏览器支持 WebGPU 且 BG-Zero 检测到兼容的 GPU，会的。这能显著加速处理。否则会回退到 CPU 的 WebAssembly，速度较慢但仍可正常工作。
完全在浏览器中处理图片——无服务器、不上传、无需账号。
试用 BG-Zero