Pixelmatch : une bibliothèque JavaScript de comparaison d'images

Créée à l'origine pour comparer les captures d'écran dans les tests

Pixelmatch : une bibliothèque JavaScript de comparaison d'images
créée à l'origine pour comparer les captures d'écran dans les tests

Mais de quoi parlons-nous ? Le test de comparaison des pixels vous permet de déterminer s'il y a des différences entre deux images. Cette technique vient de la nécessité d'avoir une application consistente sur tous les environnements (plateformes, navigateurs, etc.).

Pixelmatch est une petite bibliothèque JavaScript qui implémente cette technique, mettant en avant sa capacité à détecter les pixels anti-aliased (l'anticrénelage, à savoir le lissage de police pour éviter un mauvais affichage d'images selon la résolution) et des mesures de perception de différence des couleurs.

Cette bibliothèque se veut simple, rapide, sans dépendance et la plus petite possible contrairement / par rapport à ses sources d'inspirations Resemble.js et Blink-diff.

Elle fonctionne via des typed arrays bruts de données d'image, ce qui la rend rapide et utilisable autant sur Node que dans les navigateurs.



Site officiel.
Démonstrations.

Et vous ?

Que pensez-vous de Pixelmatch ?
Avez-vous déjà utiliser cette technique via un autre outil ?

Retrouver les cours et tutoriels sur les frameworks JavaScript.