身為一個對新興技術（尤其是 AI）充滿熱情的 Web 工程師，我一直在探索 Microsoft 的 onnxruntime-web 庫。使用這個強大的工具，我開發了BatchTool - 一個線上人工智慧驅動的影像處理平台。
ONNX Runtime Web 是一個 Javascript 函式庫，用於在瀏覽器和 Node.js 上執行 ONNX 模型。 ONNX Runtime Web 採用了 WebAssembly 和 WebGL 技術，為 CPU 和 GPU 提供最佳化的 ONNX 模型推理執行時間。
目前，BatchTool 提供兩個主要功能：
刪除背景在您的瀏覽器上運行，不需要上傳到伺服器。 首次使用時只需下載對應的模型即可。 之後模型檔案會快取在瀏覽器快取中，下次使用時可以直接使用。
如下畫面顯示：WebGPU ✅ 表示目前裝置支援WebGPU加速。
選擇要處理的圖片後，Batch Tool會自動偵測目前運作環境，如果目前環境支援WebGPU加速，則啟用WebGPU加速模式，否則自動切換到CPU模式。
刪除影像背景後，按一下「比較影像」圖示即可查看刪除背景的效果。
圖片來自：https://pixabay.com/
接下來，您可以點擊批次下載按鈕，批次下載所有已經處理過的圖片。
與移除背景一樣，物件移除是在瀏覽器上執行的，不需要上傳到伺服器。首次使用時只需下載對應的型號即可。之後模型檔案會快取在瀏覽器快取中，下次使用時可以直接使用。
在此場景中，您可以一次選擇多張圖像，然後對每張圖像逐一執行物件擦除操作。
擦除完成後，您可以立即下載修復後的單張圖片，也可以等到所有圖片都調整完畢後再一次性下載。
此場景適合大量擦除多張相同尺寸圖片同一區域的浮水印。步驟也很簡單，就四個小步驟。
1.選擇多張需要處理的圖片；
2.啟用批次擦除同區域浮水印模式；
3.選擇第一張圖片，用畫筆繪製浮水印區域；
4.點選功能區上的修復按鈕（橡皮擦圖示）。
之後程式會自動執行，當一張圖片處理完成後，會在右側縮圖上顯示完成的logo，如下圖：
場景2非常適合大量移除固定區域浮水印，大大提高工作效率。如果你的電腦支援WebGPU加速，處理速度會非常快，平均單張圖片只需幾百毫秒。
我邀請您嘗試BatchTool的圖像處理功能！如果您在使用該工具時遇到任何問題，請隨時發表評論。
以上是WebGPU 太神奇了：我建立了兩個快如閃電的 AI 映像處理工具！的詳細內容。更多資訊請關注PHP中文網其他相關文章！
