使用PHP将2-3个透明PNG图像叠加在一起

Question

我正在为一个项目开发自定义头像系统，但我从未涉及过 PHP 的图像方面。我猜我需要以某种方式使用 GD，但我不知道从哪里开始。

基本上，有很多预制的透明 PNG 图像。用户可以选择其中 2-3 个来自定义他们的头像，我希望能够将这些图像组合成一个单独的图像并存储在文件夹中。

- James Simpson

Answer 1

$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');

- Jonathan Patt

---

顺便说一下，这是使用GD。 - Jonathan Patt

事实上，我需要最终的图像也是一个透明的PNG。 - James Simpson

我用两行代码编辑了上面的内容，使得背景和最终图像也能够透明。 - Jonathan Patt

在 Stack Overflow 上有许多类似的主题，建议在 imagecopy 之前和之后使用各种组合的 imagealphablending 和 imagesavealpha，但令人惊讶的是，这个方法是有效的。 :) - yitwail

Answer 2

这让我从另外三个PNG文件中创建了一个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 （是白色星星）

<?php
// Download the image files if we don't have them
function 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 channel
imagealphablending($final_img, true);
imagesavealpha($final_img, true);

// Copy our image onto our $final_img
imagecopy($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 output
ob_end_clean(); // Clear the output buffer

header('Content-Type: image/png');
echo $watermarkedImg; // outputs: `http://i.imgur.com/f7UWKA8.png`

---

输出:

- Anil

Answer 3

也可以用这种方式完成。希望这对未来的访问者有用。

$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 image
imagecopymerge_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 comment
function 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); 
    } 

示例代码： 这是背景图片
这是stackoverflow标志。

这是合并结果。

- sinsuren

Answer 4

一定要使用GD库。

<?php

$final_img = imagecreate($x, $y); // where x and y are the dimensions of the final image

$image_1 = imagecreatefrompng('image_1.png');
$image_2 = imagecreatefrompng('image_2.png');
$image_3 = imagecreatefrompng('image_3.png');
imagecopy($image_1, $final_img, 0, 0, 0, 0, $x, $y);
imagecopy($image_2, $final_img, 0, 0, 0, 0, $x, $y);
imagecopy($image_3, $final_img, 0, 0, 0, 0, $x, $y);

imagealphablending($final_img, false);
imagesavealpha($final_img, true);
if($output_to_browser){

header('Content-Type: image/png');
imagepng($final_img);

}else{
// output to file

imagepng($final_img, 'final_img.png');

}

?>

- mauris

---

这个对我没用。imagecopy()变量的顺序正确吗？我认为$final_img应该首先出现，就像下面@Anil的答案一样。 - Martin Burch

Answer 5

你需要使用的是PHP ImageMagick 工具。 具体来说，是 CombineImages 命令。

- Mike Buckbee

---

有没有关于combineImages的示例？ - casper123