Key Features:

• Client-Side Image Comparison: Perform image comparisons directly in the user's browser, reducing server load and improving performance.
• Detailed Comparison Data: Receive a comprehensive set of comparison metrics including:
  • IsSame: Boolean indicating if the images are identical.
  • Dimension Difference: Differences in image dimensions.
  • RawMisMatchPercentage: Raw mismatch percentage between the images.
  • MisMatchPercentage: Adjusted mismatch percentage considering comparison options.
  • DiffBounds: Bounding box of the areas that differ between the images.
  • AnalysisTime: Time taken to perform the comparison.
• Easy Integration: The component includes one action and one web block, making it simple to integrate into your existing OutSystems applications.
  • Web Block: Contains the Resemble.js script for client-side execution.
  • Action: Accepts two binary images and comparison options as inputs, and returns the compared image and detailed comparison data.

Use Cases:

• Quality Assurance: Automate visual regression testing by comparing new UI designs with existing ones.
• Image Validation: Ensure uploaded images meet specific criteria by comparing them with reference images.
• Visual Differencing: Highlight changes between two images for applications in design, forensics, and more.