Comparer des captures pour regression visuelle

Comparez des captures pour detecter regression visuelle, derive UI et changements de mise en page.

Reperez des decalages de layout entre releases.
Relisez des regressions UI sans outil design local.
Partagez des preuves cote a cote avec QA et engineering.

Comparer des images avec du contexte visuel

L outil de comparaison d images aide a inspecter les changements visuels entre captures d ecran, exports de design, photos produit et autres ressources graphiques.

Avec six modes de vue — cote a cote, empile, superposition glissante, diff de pixels, surbrillance et carte de chaleur — la page permet a la fois une revue visuelle rapide et des verifications precises au niveau des pixels.

  • Valider les changements d interface entre deux captures de version.
  • Verifier des assets marketing mis a jour avant publication.
  • Comparer des images produit ou documents pour reperer les modifications visibles et invisibles.

Six modes de comparaison

Alternez entre cote a cote, empile et superposition glissante pour une revue visuelle rapide, puis passez au diff de pixels, a la surbrillance ou a la carte de chaleur pour voir exactement ce qui a change.

Les vues diff de pixels et surbrillance sont calculees dans le navigateur, ce qui permet de quantifier les differences et de localiser chaque zone modifiee sans quitter la page.

Controles au niveau du pixel

Affinez la comparaison avec un curseur de sensibilite, une option ignorer l anticrenelage et des verifications par canal (Tout, Luma, R, G, B).

Une loupe et le defilement pour zoomer aident a inspecter les details, et vous pouvez echanger les deux images a tout moment.

FAQ comparaison d images

Quels formats d image sont pris en charge ?

La page prend en charge les fichiers PNG, JPG, GIF, WEBP et SVG.

Quels modes de comparaison sont disponibles ?

Six modes : cote a cote, empile, superposition glissante, diff de pixels, surbrillance et carte de chaleur. Utilisez la superposition ou le curseur pour des verifications rapides, et le diff ou la surbrillance pour les changements exacts.

A quoi servent la sensibilite et les canaux ?

Le curseur de sensibilite controle la rigueur de comparaison des pixels, ignorer l anticrenelage evite les franges, et le selecteur de canal permet de comparer un seul canal de couleur (R, G, B) ou la luminance.

Mes images sont-elles televersees sur un serveur ?

Non. Toute la comparaison et le traitement d images se font localement dans votre navigateur.