Error when comparing two images with the same sizes

Hello, here is the code I tested:

import { promises as fs } from 'fs';
import pixelmatch from 'pixelmatch';
import sizeOf from 'buffer-image-size';

const img1 = './public/images/20190605133954-1-atoms.Tables.ATOM-038 - TableCell.png';
const img2 = './public/images/20190605133954-1-atoms.Tables.ATOM-037 - TableHead.png';

const promise1 = fs.readFile(img1);
const promise2 = fs.readFile(img2);

Promise.all([ promise1, promise2 ])
  .then(([ buffer1, buffer2 ]) => {
    const { width: width1, height: height1 } = sizeOf(buffer1);
    const { width: width2, height: height2 } = sizeOf(buffer2);
    if (width1 === width2 && height1 === height2) {
      const diff = pixelmatch(buffer1, buffer2, null, width1, height1, { threshold: 0 });
    }
  })
  .catch(error => console.error(error));

And I got the following error:

Error: Image sizes do not match.
    at pixelmatch (/home/tocab/Projects/Smile/diplopia/diplopia-api/node_modules/pixelmatch/index.js:19:15)
    at file:///home/tocab/Projects/Smile/diplopia/diplopia-api/test.mjs:17:20

I used node v12.4.0 with the --experimental-modules flag.

In your lib you are testing img1.length !== img2.length and this is false when using Buffers although the images have the same dimensions (800x600).

Here are the two images I used for my test:

[BlazeGawlik]

I turned to Jimp: https://www.npmjs.com/package/jimp

const jimage1 = await Jimp.read(imgBuffer); const jimage2 = await Jimp.read(imgUrl); const width = jimage1.bitmap.width; var diff = Jimp.diff(jimage1, jimage2, .1); console.log("Percent Difference - ", diff.percent);

It’s effectively a wrapper for pixel-match

[jithinjosejacob]

https://stackoverflow.com/questions/18510897/how-to-compare-two-images-using-node-js- This works fine,you can try this