CODEWITHSUNDEEP
imagemagickimagemagick-convert
juanba1984
juanba1984

Reputation: 357

Overlay PNGs with ImageMagick while keeping transparency

I have two images:

Image 1

In this image, the white region plus the white + pink region are transparent.

enter image description here

Image 2

enter image description here

GOAL

I want to merge both images (Image 1 in front, Image 2 behind) by:

  1. Keeping the transparent region from Image 1 so that Image 2 can be seen through the white mask.
  2. Having the chance to locate Image 2 by vertically centering the photo in the middle of the white region.

Then, I'd like to obtain a result like this:

enter image description here

HOWEVER

I am using the following command in ImageMagick 6.8.9-9 Q16 x86_64 2017-07-31 in Ubuntu 16.04:

convert \( Image1.png -resize 447x640 \) \( -compose Overlay Image2.png \) -gravity north -composite Image3.png

I've tried countless times but the best result I can get (by using command above) is Image 3. Can anyone help me? Thank you.

Image 3

enter image description here

Upvotes: 2

Views: 1120

Answers (1)

fmw42
fmw42

Reputation: 53174

I think this is what you want using Imagemagick in Unix syntax:

Img:

enter image description here

Mask:

enter image description here

convert \( mask.png -alpha off \) img.jpg \( mask.png -alpha extract -negate \) -compose over -composite result.png


or more simply:

convert mask.png img.jpg -compose dstover -composite result.png

enter image description here

Upvotes: 1

Related Questions