If an image is small and the other image is big, the background color behind small image is not getting set to white or transparent.

[abdulwajid725]

No description provided.

[preco21]

Thank you for reporting this!

Would you mind giving some code example for this issue? So that I can reproduce the issue to see what went wrong.

Also, if available, can I see what images you used for merging?

[sanidhyatandon]

@preco21 Hi also noted this Issue, if you copy the merged image, with one image small and other large, and then paste it o Microsoft word or Microsoft powerpoint the left out area appears black. I am attaching my code and the images screenshots. I have to correct it in my code so please try to help asap. Thanks.

[sanidhyatandon]

The code is attached above and I am merging the below 3 images

[preco21]

Sorry for the late response and thank you for providing an example.

Not sure if this issue could be on upstream since merge-img rely on it.

[preco21]

@sanidhyatandon Have you tried color option described on the readme?

And make sure your images are all PNG which has alpha channel.

Seems to be these points are unrelated.

[preco21]

I just tried to reproduce this issue with both jpeg and png images in Node v9, it seems to be worked for me:

Tested with this code:

import mergeImg from 'merge-img';

(async () => {
  const img = await mergeImg([
    'images/a.png',
    'images/b.jpg',
  ], {offset: 10});

  img.write('test.png');
})();

@abdulwajid725 @sanidhyatandon I'm wonder if you tried to use this module on browser environment or Electron. I haven't considered about that use case.

[sanidhyatandon]

@preco21 If for example, image B is smaller than image A, then if I use color option as in readme, then when I copy the merged resultant image and paste it on Microsoft Word or Microsoft Powerpoint, the extra left-out area appears black. I'll show you with an example.
https://lh3.googleusercontent.com/-yxOtjXXjySo/WmgkAt8xAnI/AAAAAAAAARM/lJnGP3Y2coQKcO0-qXK647bzRhKvPjMBgCL0BGAYYCw/h1050/2018-01-23.png

REFER TO THE LINK ABOVE, I have sent the faulty image as on MSWORD

[preco21]

Hmm, very strange to me. Can you file the image here directly instead of MS Word? I'm not sure if this is MS Word specific issue.

And also, again, please let me know what platform (browser, node or Electron) you are currently working on.

[sanidhyatandon]

@preco21

I am using nwj, https://nwjs.io/

[sanidhyatandon]

@preco I didn't use the color option in the readme for above images, it fills with white.
But if I paste it on MS WORD, it will fill with black. So seems an MS-WORD specific issue for me.

[preco21]

@sanidhyatandon Yep it seems so. I cannot see background color for your given image. The background of the image is fully transparent.

[preco21]

@abdulwajid725 Are you still having issue now?

[Allyday]

Hi, I'm having a similar issue: I'm also merging images varying in sizes.
However, my output is a JPEG file, not PNG. And so instead of transparent gaps, they're just black. (To replicate the issue, you can change the output path to .jpeg instead of .png).

The color option doesn't work for me as it only takes values of number type, while hex values also include letters (from a to f). I hope you could update it to take values of string type in the future as well :)

I managed to work around this by stretching my own images before merging them, but if this issue could be updated in the coming version it would be great!

Nevertheless, this is a wonderful & very useful package. Thanks a lot for creating it :)