API Node.js gratuite pour la comparaison d'images
API open source basée sur Node.js qui compare les images pixel par pixel. Une solution puissante, flexible et efficace pour la comparaison d'images dans les applications Node.js.
La comparaison d'images joue un rôle essentiel dans le développement de logiciels, en particulier dans des domaines tels que les tests de régression visuelle, l'assurance qualité des images et la vérification de la conception au pixel près. Que vous développiez un logiciel pour garantir une apparence d'interface utilisateur cohérente sur plusieurs plates-formes ou que vous automatisiez les contrôles visuels dans un pipeline de production, il est essentiel de disposer d'un outil de comparaison d'images efficace. LooksSame, une API open source développée par Gemini-Testing, simplifie le processus de création de logiciels pour la comparaison d'images grâce à ses fonctionnalités intuitives. La bibliothèque comprend plusieurs fonctionnalités importantes telles que la comparaison d'images pixel par pixel, la détection d'anticrénelage, le contrôle de la tolérance de configuration, la gestion des dimensions de l'image, la prise en charge des promesses et bien d'autres encore.
LooksSame est une API basée sur Node.js conçue pour la comparaison d'images. Elle permet aux développeurs de comparer des images pixel par pixel, avec des options pour gérer les variations mineures qui peuvent survenir en raison de différences dans les environnements de rendu. En utilisant la bibliothèque, les développeurs de logiciels peuvent créer leurs propres applications qui détectent les différences visuelles importantes tout en ignorant les variations triviales. L'API est principalement destinée à aider les développeurs à maintenir la cohérence dans la conception de l'interface utilisateur, mais sa polyvalence la rend adaptée à de nombreux autres cas d'utilisation de comparaison d'images. Avec son API simple et ses options personnalisables, LooksSame est un excellent ajout à la boîte à outils de tout développeur, en particulier pour les tests d'interface utilisateur basés sur le Web, la génération d'images automatisée et d'autres scénarios où la précision visuelle est primordiale.
Démarrage avec LooksSame
La méthode recommandée pour installer LooksSame est d'utiliser NPM. Veuillez utiliser la commande suivante pour une installation fluide.
Installer LooksSame via NPM
npm install looks-same
Comparaison d'images de base dans les applications Node.js
La bibliothèque open source LooksSame permet aux développeurs de logiciels d'effectuer facilement une comparaison d'images de base dans les applications Node.js. Une fois installée, vous pouvez comparer deux images en exigeant le module LooksSame dans votre code. Voici un exemple de base qui montre comment utiliser la bibliothèque pour vérifier si deux images sont visuellement identiques : Dans cet exemple, compare image1.png et image2.png. Si elles sont visuellement identiques, equal renverra true ; sinon, il renverra false.
Comment comparer deux images dans des applications Node.js ?
const looksSame = require('looks-same');
// Compare two images
looksSame('image1.png', 'image2.png', (error, { equal }) => {
if (error) {
console.error('Error comparing images:', error);
} else if (equal) {
console.log('Images are identical!');
} else {
console.log('Images differ!');
}
});
Comparaison d'images basée sur la tolérance
Pour les applications qui ne nécessitent pas de correspondances parfaites au pixel près, les développeurs de logiciels peuvent ajouter un niveau de tolérance. Cela permet d'ignorer les petites différences entre les images, telles que les changements dus au rendu sur différents navigateurs ou systèmes d'exploitation. Dans l'exemple de code suivant, la tolérance est définie sur 5 %, ce qui signifie que de petites variations de pixels (jusqu'à 5 %) ne feront pas que les images seront considérées comme différentes.
Comment effectuer une comparaison d'images basée sur la tolérance dans les applications Node.js ?
cfunction compareWithTolerance(image1, image2, toleranceLevel) {
looksSame(image1, image2, { tolerance: toleranceLevel }, (error, { equal }) => {
if (error) {
console.error('Error comparing images:', error);
} else if (equal) {
console.log('Images are visually identical within tolerance!');
} else {
console.log('Images differ!');
}
});
}
// Usage
compareWithTolerance('image1.png', 'image2.png', 5); // 5% tolerance
Mise en évidence de zones de différence spécifiques
Pour les applications plus sophistiquées, les développeurs de logiciels peuvent souhaiter identifier et analyser uniquement des zones de différence spécifiques. La bibliothèque LooksSame fournit une fonction de cadre de délimitation qui montre la région exacte où les différences se produisent. Cette fonction génère les coordonnées du cadre de délimitation des différentes régions, ce qui permet de se concentrer plus facilement sur des parties spécifiques de l'image qui ont changé. L'exemple suivant montre comment utiliser les coordonnées du cadre de délimitation pour comparer des images et mettre en évidence les différences.
Comment comparer et identifier les différences entre des zones spécifiques d'images via des applications Node.js ?
function compareWithDiffBounds(image1, image2) {
looksSame(image1, image2, (error, { diffBounds }) => {
if (error) {
console.error('Error comparing images:', error);
} else {
console.log('Bounding box of differences:', diffBounds);
}
});
}
// Usage
compareWithDiffBounds('image1.png', 'image2.png');
Détection d'anticrénelage pour des comparaisons précises
La bibliothèque open source LooksSame permet aux développeurs de logiciels d'effectuer une compression d'images en utilisant la méthode de détection d'anticrénelage dans les applications Node.js. L'anticrénelage peut provoquer des faux positifs lors de la comparaison d'images, car il introduit de légères variations dans le rendu des contours. L'option ignoreAntialiasing de la bibliothèque permet d'éviter ces faux positifs. Cela est particulièrement utile pour les applications où les images peuvent être rendues différemment sur différents appareils ou navigateurs, mais sont toujours visuellement identiques.
