Maison >interface Web >js tutoriel >WebGPU est incroyable : j'ai créé deux outils de traitement d'images IA ultra-rapides !
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 :
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.
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.
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/
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.
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.
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.
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.
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 ;
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.
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 :
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!