see-image-diff

0.1.16 • Public • Published

See Image Diff

It takes two folders, base and current full of wonderful images with same names and ganarates a diff folder in given destination folder with the same names. Also, it generates a JSON blob with the comparison info and a neat web app to navigate through this image files. This uses jimp to compare the images which uses an awesome library pixelmatch.

Test & Deploy npm version

Watch the video

To install...

npm install see-image-diff

(or)

yarn add see-image-diff

Usage...

Image comparison utility

  It takes two folders, base and current full of images with same names and     
  ganarates a diff folder in given destination location with the same names.    
  Also, it generates a JSON blob and a neat web app to navigate through this    
  image files. It uses jimp npm module to compare the images.                   

Synopsis

  $ see-image-diff --baseDir ./base --currentDir ./current --destDir ./diff     
  [--reportFileName "results.json"]                                             
  $ see-image-diff --help                                                       

Options

  -b, --baseDir folder        Baseline images folder used for comparison. Should be flat list of image      
                              files. Can contain a thumbnail folder with same image names.                  
  -c, --currentDir folder     Current images folder used for comparison. Should be flat list of image       
                              files. Can contain a thumbnail folder with same image names.                  
  -d, --destDir folder        Destination folder to same all the diff images. Utility will overwrite any    
                              existing files in this locaiton.                                              
  -t, --threshold number      (Optional) Defaults to 0.1. Ranges 0-1.                                       
  --reportFileName filename   (Optional) Defaults to report.json.                                           
  -h, --help                  Print usage                                                                   

Roadmap

  • Refactor UI navbar
  • Fix image viewer issues
  • Add zoom option to image viewer
  • Provider a filer server to upload and to manage multiple versions - Requires a lot of effort so might not be coming soon.

Package Sidebar

Install

npm i see-image-diff

Weekly Downloads

16

Version

0.1.16

License

MIT

Unpacked Size

35.9 MB

Total Files

94

Last publish

Collaborators

  • ravidasari