Image quality degrades after compositing

[khyokhyo]

The original image is -

After compositing it looks like -

My code is :

function getFormattedImage(url, width, height) {
  return new Promise((resolve, reject) => {
    new Jimp(width, height, 0xffffffff, async function(err, image) {
      if (err) {
        reject(err);
        return;
      }
      image.write('canvas.jpg', async function(err) {
        if (err) {
          reject(err);
          return;
        }
        const images = [url, 'canvas.jpg'];
        const jimps = [];
        for (let i = 0; i < images.length; i++) {
          jimps.push(Jimp.read(images[i]));
        }
        const data = await Promise.all(jimps);
        data[1].composite(data[0], 12, 12).write('new.jpg', async function(err) {
          if (err) reject(err);
          else {
            resolve();
          }
        });
      });
    });
  });
}

Why is this happening? Can you help?

TIA

[hipstersmoothie]

@khyokhyo @riatzukiza @bruno-serfe

I can't really see whats wrong with the second image. can you point me towards whats wrong? also this might just be an issue with jpeg-js.

Can you try just reading then immediately writing? Does the issue persist? If it does this is more likely a dupe of #121 and not an issue with composite.

[hipstersmoothie]

I think this is for sure a dup of #121 and has nothing to do with compositing. Closing in favor of #121