Maison >interface Web >js tutoriel >WebGPU est incroyable : j'ai créé deux outils de traitement d'images IA ultra-rapides !

WebGPU est incroyable : j'ai créé deux outils de traitement d'images IA ultra-rapides !

Linda Hamilton
Linda Hamiltonoriginal
2024-11-06 03:00:02747parcourir

En tant qu'ingénieur web passionné par les technologies émergentes, en particulier l'IA, j'ai exploré la bibliothèque onnxruntime-web de Microsoft. À l'aide de cet outil puissant, j'ai développé BatchTool - une plateforme de traitement d'images en ligne basée sur l'IA.

ONNX Runtime Web est une bibliothèque Javascript permettant d'exécuter des modèles ONNX sur les navigateurs et sur Node.js. ONNX Runtime Web a adopté les technologies WebAssembly et WebGL pour fournir un runtime d'inférence de modèle ONNX optimisé pour les CPU et les GPU.

Actuellement, BatchTool propose deux fonctionnalités principales :

  1. Suppression de l'arrière-plan par lots
  2. Suppression d'objets/filigranes par lots

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

Principales fonctionnalités de BatchTool

  • Privacy-First : utilise des modèles d'IA locaux - aucun téléchargement de serveur n'est requis
  • Propulsé par l'IA : exploite l'intelligence artificielle pour simplifier les tâches complexes
  • Hautes performances : l'accélération WebGPU permet de traiter chaque image en millisecondes
  • Traitement par lots efficace : traitez plusieurs fichiers en un seul clic
  • Convivial : interface simple et intuitive sans courbe d'apprentissage
  • Multiplateforme : fonctionne dans votre navigateur - aucune installation nécessaire

Suppression de l'arrière-plan par lots

Téléchargement du modèle

Supprimer les arrière-plans s'exécute sur votre navigateur et n'a pas besoin d'être téléchargé sur un serveur. Téléchargez simplement le modèle correspondant lors de la première utilisation. Après cela, le fichier du modèle sera mis en cache dans le cache du navigateur et vous pourrez l'utiliser directement la prochaine fois que vous l'utiliserez.

Affiché sur l'écran suivant : WebGPU ✅ indique que l'appareil actuel prend en charge l'accélération WebGPU.

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

Sélectionnez des images

Après avoir sélectionné les images à traiter, Batch Tool détectera automatiquement l'environnement d'exécution actuel et activera le mode d'accélération WebGPU si l'environnement actuel prend en charge l'accélération WebGPU, sinon il passera automatiquement en mode CPU.

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

Une fois l'arrière-plan de l'image supprimé, cliquez sur l'icône Comparer les images pour voir l'effet de l'arrière-plan supprimé.

Image de : https://pixabay.com/

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

Ensuite, vous pouvez cliquer sur le bouton de téléchargement par lots pour télécharger par lots toutes les images qui ont été traitées.

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

Suppression d'objets/filigranes par lots

Téléchargement du modèle

Comme pour la suppression de l'arrière-plan, la suppression des objets est exécutée sur le navigateur et n'a pas besoin d'être téléchargée sur le serveur. Il suffit de télécharger le modèle correspondant lors de la première utilisation. Après cela, le fichier modèle sera mis en cache dans le cache du navigateur et pourra être utilisé directement la prochaine fois que vous l'utiliserez.

Scénario 1

Dans cette scène, vous pouvez sélectionner plusieurs images à la fois, puis effectuer une opération d'effacement d'objet sur chaque image une par une.

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

Une fois l'effacement terminé, vous pouvez soit télécharger immédiatement l'image unique réparée, soit attendre que toutes les images aient été ajustées, puis les télécharger toutes en même temps.

Scénario 2

Ce scénario convient à l'effacement par lots de filigranes dans la même zone sur plusieurs images de même taille. Les étapes sont également très simples, seulement quatre petites étapes.

1.Sélectionnez plusieurs images à traiter ;
2. Activez le mode filigrane d'effacement par lots de la même zone ;

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

3.Sélectionnez la première image et dessinez la zone de filigrane avec le pinceau ;
4.Cliquez sur le bouton Réparer (icône de gomme) sur le ruban.

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

Après cela, le programme sera automatiquement exécuté, lorsqu'un traitement d'image est terminé, il affichera le logo terminé sur la vignette droite, comme le montre la figure suivante :

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

Le scénario 2 est très approprié pour la suppression par lots de filigranes à zone fixe, ce qui améliore considérablement l'efficacité du travail. Si votre ordinateur prend en charge l'accélération WebGPU, la vitesse de traitement sera très rapide, avec une moyenne de quelques centaines de millisecondes seulement pour une seule image.

Je vous invite à tester les capacités de traitement d'images de BatchTool ! Si vous rencontrez des problèmes lors de l'utilisation de l'outil, n'hésitez pas à laisser un commentaire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn