Image Comparison Tool

A simple web-based tool to compare two images and visualize their differences. Perfect for comparing image quality between different file formats (e.g., PNG vs WebP).

🔗 Live Demo: https://compare-image.surge.sh

Features

• Multiple Display Modes:

  • Show Image 1 / Image 2
  • Show Difference (highlights different pixels)
  • Show Alpha Difference (dissimilarity as transparency)

• Difference Visualization:

  • Fixed color highlighting
  • Use colors from Image 1 or Image 2
  • Customizable background color
  • Alpha-based dissimilarity mapping

• Image Information:

  • File format detection
  • File size comparison
  • Dimensions and aspect ratio
  • Quality assessment metrics

Usage

1. Upload two images using the file inputs
2. Choose a display mode
3. Adjust settings (background color, difference color, etc.)
4. View comparison results with detailed statistics

Perfect for comparing image quality loss between different encoding formats!

License

This project is licensed with BSD-2-Clause

This is free, libre, and open-source software. It comes down to four essential freedoms [ref]:

• The freedom to run the program as you wish, for any purpose
• The freedom to study how the program works, and change it so it does your computing as you wish
• The freedom to redistribute copies so you can help others
• The freedom to distribute copies of your modified versions to others