Combine 2-3 transparent PNG images on top of each other with PHP Combine 2-3 transparent PNG images on top of each other with PHP php php

Combine 2-3 transparent PNG images on top of each other with PHP


$image_1 = imagecreatefrompng('image_1.png');$image_2 = imagecreatefrompng('image_2.png');imagealphablending($image_1, true);imagesavealpha($image_1, true);imagecopy($image_1, $image_2, 0, 0, 0, 0, 100, 100);imagepng($image_1, 'image_3.png');


This helped me create a PNG image from 3 other PNG files to create a watermarked image with a background. Hope it helps someone else.


$bgFile = __DIR__ . "/background-layer-1.png"; // 93 x 93

Background Layer

$imageFile = __DIR__ . "/icon-layer-2.png"; // 76 x 76

Icon Image Layer

$watermarkFile = __DIR__ . "/stars-layer-3.png"; // 133 x 133 (Is white stars)
Watermark

<?php// Download the image files if we don't have themfunction get_file($file, $from) {    if (!file_exists(__DIR__ . "/" . $file)) { file_put_contents(__DIR__ . "/" . $file, file_get_contents($from)); }}get_file("background-layer-1.png", "http://i.imgur.com/6pgf3WK.png");get_file("icon-layer-2.png", "http://i.imgur.com/0sJt52z.png");get_file("stars-layer-3.png", "http://i.imgur.com/1Tvlokk.png");$bgFile = __DIR__ . "/background-layer-1.png"; // 93 x 93$imageFile = __DIR__ . "/icon-layer-2.png"; // 76 x 76$watermarkFile = __DIR__ . "/stars-layer-3.png"; // 133 x 133// We want our final image to be 76x76 size$x = $y = 76;// dimensions of the final image$final_img = imagecreatetruecolor($x, $y);// Create our image resources from the files$image_1 = imagecreatefrompng($bgFile);$image_2 = imagecreatefrompng($imageFile);$image_3 = imagecreatefrompng($watermarkFile);// Enable blend mode and save full alpha channelimagealphablending($final_img, true);imagesavealpha($final_img, true);// Copy our image onto our $final_imgimagecopy($final_img, $image_1, 0, 0, 0, 0, $x, $y);imagecopy($final_img, $image_2, 0, 0, 0, 0, $x, $y);imagecopy($final_img, $image_3, 0, 0, 0, 0, $x, $y);ob_start();imagepng($final_img);$watermarkedImg = ob_get_contents(); // Capture the outputob_end_clean(); // Clear the output bufferheader('Content-Type: image/png');echo $watermarkedImg; // outputs: `http://i.imgur.com/f7UWKA8.png`

Outputs:

Result


Also can be done in this way. Hope this will be useful for future visitors.

$base = imagecreatefrompng('your base image path');//logo is transparent: in this case stackoverflow logo$logo = imagecreatefrompng("path for image with transparent background");//Adjust paramerters according to your imageimagecopymerge_alpha($base, $logo, 60, 60, 0, 0, 300, 200, 100);header('Content-Type: image/png');imagepng($base);//@see: http://php.net/manual/en/function.imagecopymerge.php for below function in first commentfunction imagecopymerge_alpha($dst_im, $src_im, $dst_x, $dst_y, $src_x, $src_y, $src_w, $src_h, $pct){         // creating a cut resource         $cut = imagecreatetruecolor($src_w, $src_h);         // copying relevant section from background to the cut resource         imagecopy($cut, $dst_im, 0, 0, $dst_x, $dst_y, $src_w, $src_h);         // copying relevant section from watermark to the cut resource         imagecopy($cut, $src_im, 0, 0, $src_x, $src_y, $src_w, $src_h);         // insert cut resource to destination image         imagecopymerge($dst_im, $cut, $dst_x, $dst_y, 0, 0, $src_w, $src_h, $pct);     } 

Working Example:This is background Imageenter image description here
This is stackoverflow logo.
enter image description here
This is combined Result.
enter image description here