The Zip file is then downloaded and extracted into this directory. /images/smushit is uploaded one-by-one using the Uploader view at.

/images/kraken is uploaded using the File Uploader at.

The images are exported using 'Save for Web' as psd kindly given to us by Daan Jobsis from his tests carried out for the article ( /retina-revolutie-follow-up/), containing photographs of varying levels of detail, simple patterns, and logos. This value lets us calculate the quality loss percentage for each image.Įach time the /images directory changes, /src/data/results.json needs to be updated using yarn update-results.

images/worst is a copy of the original images at /images/photoshop which is then compressed to the worst possible image quality. images/codekit) is replaced with the original images from /images/photoshop, the tool is then run over the images to update the benchmark. Each time a tool is tested, its directory (eg. The original, unoptimised images are located in /images/photoshop. It can be installed on Mac using brew install python then pip install pyssim. The pyssim Python module is used to compute the Structural Similarity Image Metric (SSIM). Import from 'image-optimisation-tools-comparison' const array = getResults ( ) ⚙️ Contributing

Ewww vs tinypng benchmark