WebGPU 太神奇了：我建立了兩個快如閃電的 AI 映像處理工具！

身為一個對新興技術（尤其是 AI）充滿熱情的 Web 工程師，我一直在探索 Microsoft 的 onnxruntime-web 庫。使用這個強大的工具，我開發了BatchTool - 一個線上人工智慧驅動的影像處理平台。

ONNX Runtime Web 是一個 Javascript 函式庫，用於在瀏覽器和 Node.js 上執行 ONNX 模型。 ONNX Runtime Web 採用了 WebAssembly 和 WebGL 技術，為 CPU 和 GPU 提供最佳化的 ONNX 模型推理執行時間。

目前，BatchTool 提供兩個主要功能：

1. 批量背景去除
2. 大量物件/浮水印去除

批次工具的主要特點

• 隱私第一：使用本地人工智慧模型 - 無需伺服器上傳
• 人工智慧驅動：利用人工智慧來簡化複雜的任務
• 高效能：WebGPU 加速可在幾毫秒內處理每個影像
• 高效率的批次：只需點擊一下即可處理多個檔案
• 使用者友善：簡單、直覺的介面，零學習曲線
• 跨平台：在瀏覽器中工作 - 無需安裝

批量背景去除

型號下載

刪除背景在您的瀏覽器上運行，不需要上傳到伺服器。 首次使用時只需下載對應的模型即可。 之後模型檔案會快取在瀏覽器快取中，下次使用時可以直接使用。

如下畫面顯示：WebGPU ✅ 表示目前裝置支援WebGPU加速。

選擇影像

選擇要處理的圖片後，Batch Tool會自動偵測目前運作環境，如果目前環境支援WebGPU加速，則啟用WebGPU加速模式，否則自動切換到CPU模式。

刪除影像背景後，按一下「比較影像」圖示即可查看刪除背景的效果。

圖片來自：https://pixabay.com/

接下來，您可以點擊批次下載按鈕，批次下載所有已經處理過的圖片。

批量物件/水印去除

型號下載

與移除背景一樣，物件移除是在瀏覽器上執行的，不需要上傳到伺服器。首次使用時只需下載對應的型號即可。之後模型檔案會快取在瀏覽器快取中，下次使用時可以直接使用。

場景1

在此場景中，您可以一次選擇多張圖像，然後對每張圖像逐一執行物件擦除操作。

擦除完成後，您可以立即下載修復後的單張圖片，也可以等到所有圖片都調整完畢後再一次性下載。

場景2

此場景適合大量擦除多張相同尺寸圖片同一區域的浮水印。步驟也很簡單，就四個小步驟。

1.選擇多張需要處理的圖片；
2.啟用批次擦除同區域浮水印模式；

3.選擇第一張圖片，用畫筆繪製浮水印區域；
4.點選功能區上的修復按鈕（橡皮擦圖示）。

之後程式會自動執行，當一張圖片處理完成後，會在右側縮圖上顯示完成的logo，如下圖：

場景2非常適合大量移除固定區域浮水印，大大提高工作效率。如果你的電腦支援WebGPU加速，處理速度會非常快，平均單張圖片只需幾百毫秒。

我邀請您嘗試BatchTool的圖像處理功能！如果您在使用該工具時遇到任何問題，請隨時發表評論。

以上是WebGPU 太神奇了：我建立了兩個快如閃電的 AI 映像處理工具！的詳細內容。更多資訊請關注PHP中文網其他相關文章！