Heim > Web-Frontend > js-Tutorial > WebGPU ist erstaunlich: Ich habe zwei blitzschnelle KI-Bildverarbeitungstools entwickelt!

WebGPU ist erstaunlich: Ich habe zwei blitzschnelle KI-Bildverarbeitungstools entwickelt!

Linda Hamilton
Freigeben: 2024-11-06 03:00:02
Original
761 Leute haben es durchsucht

Als Webentwickler mit Leidenschaft für neue Technologien, insbesondere KI, habe ich die onnxruntime-web-Bibliothek von Microsoft erkundet. Mit diesem leistungsstarken Tool habe ich BatchTool entwickelt – eine Online-Bildverarbeitungsplattform mit KI-Unterstützung.

ONNX Runtime Web ist eine Javascript-Bibliothek zum Ausführen von ONNX-Modellen in Browsern und auf Node.js. ONNX Runtime Web hat WebAssembly- und WebGL-Technologien übernommen, um eine optimierte ONNX-Modellinferenzlaufzeit sowohl für CPUs als auch für GPUs bereitzustellen.

Derzeit bietet BatchTool zwei Hauptfunktionen:

  1. Batch-Hintergrundentfernung
  2. Batch-Objekte/Wasserzeichen-Entfernung

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Hauptmerkmale von BatchTool

  • Privacy-First: Verwendet lokale KI-Modelle – keine Server-Uploads erforderlich
  • KI-gestützt: Nutzt künstliche Intelligenz, um komplexe Aufgaben zu vereinfachen
  • Hohe Leistung: Die WebGPU-Beschleunigung ermöglicht die Verarbeitung jedes Bildes in Millisekunden
  • Effiziente Stapelverarbeitung: Verarbeiten Sie mehrere Dateien mit einem einzigen Klick
  • Benutzerfreundlich: Einfache, intuitive Benutzeroberfläche ohne Lernaufwand
  • Plattformübergreifend: Funktioniert in Ihrem Browser – keine Installation erforderlich

Batch-Hintergrundentfernung

Modell-Download

Hintergründe entfernen läuft in Ihrem Browser und muss nicht auf einen Server hochgeladen werden. Laden Sie einfach bei der ersten Verwendung das entsprechende Modell herunter. Danach wird die Modelldatei im Browser-Cache zwischengespeichert und Sie können sie bei der nächsten Verwendung direkt verwenden.

Wird auf dem folgenden Bildschirm angezeigt: WebGPU ✅ zeigt an, dass das aktuelle Gerät die WebGPU-Beschleunigung unterstützt.

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Wählen Sie Bilder aus

Nach der Auswahl der zu verarbeitenden Bilder erkennt das Batch Tool automatisch die aktuell ausgeführte Umgebung und aktiviert den WebGPU-Beschleunigungsmodus, wenn die aktuelle Umgebung die WebGPU-Beschleunigung unterstützt. Andernfalls wechselt es automatisch in den CPU-Modus.

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Sobald der Bildhintergrund entfernt wurde, klicken Sie auf das Symbol „Bilder vergleichen“, um die Auswirkung des entfernten Hintergrunds zu sehen.

Bild von: https://pixabay.com/

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Als nächstes können Sie auf die Schaltfläche „Batch-Download“ klicken, um alle verarbeiteten Bilder stapelweise herunterzuladen.

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Entfernen von Stapelobjekten/Wasserzeichen

Modell-Download

Wie beim Entfernen des Hintergrunds wird auch das Entfernen von Objekten im Browser ausgeführt und muss nicht auf den Server hochgeladen werden. Lediglich bei der ersten Nutzung muss das entsprechende Modell heruntergeladen werden. Danach wird die Modelldatei im Browser-Cache zwischengespeichert und kann bei der nächsten Verwendung direkt verwendet werden.

Szenario 1

In dieser Szene können Sie mehrere Bilder gleichzeitig auswählen und dann für jedes Bild nacheinander einen Objektlöschvorgang durchführen.

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Nach Abschluss der Löschung können Sie entweder das reparierte Einzelbild sofort herunterladen oder warten, bis alle Bilder angepasst wurden, und sie dann alle auf einmal herunterladen.

Szenario 2

Dieses Szenario eignet sich zum stapelweisen Löschen von Wasserzeichen im selben Bereich auf mehreren Bildern derselben Größe. Auch die Schritte sind sehr einfach, nur vier kleine Schritte.

1.Wählen Sie mehrere zu verarbeitende Bilder aus;
2.Aktivieren Sie den Modus „Batch-Löschen von Wasserzeichen im selben Bereich“;

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

3.Wählen Sie das erste Bild aus und zeichnen Sie den Wasserzeichenbereich mit dem Pinsel;
4.Klicken Sie im Menüband auf die Schaltfläche „Reparieren“ (Radiergummi-Symbol).

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Danach wird das Programm automatisch ausgeführt. Wenn eine Bildverarbeitung abgeschlossen ist, zeigt es das fertige Logo auf dem rechten Miniaturbild an, wie in der folgenden Abbildung dargestellt:

WebGPU is Amazing: I Built Two Lightning-Fast AI Image Processing Tools!

Szenario 2 eignet sich sehr gut für die Stapelentfernung von Wasserzeichen in festen Bereichen, was die Arbeitseffizienz erheblich verbessert. Wenn Ihr Computer die WebGPU-Beschleunigung unterstützt, ist die Verarbeitungsgeschwindigkeit sehr hoch und beträgt durchschnittlich nur wenige hundert Millisekunden für ein einzelnes Bild.

Ich lade Sie ein, die Bildverarbeitungsfunktionen von BatchTool auszuprobieren! Wenn Sie bei der Verwendung des Tools auf Probleme stoßen, zögern Sie bitte nicht, einen Kommentar zu hinterlassen.

Das obige ist der detaillierte Inhalt vonWebGPU ist erstaunlich: Ich habe zwei blitzschnelle KI-Bildverarbeitungstools entwickelt!. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage