Copy two BufferedImages into one image side by side

Question

I have two images and I'd like to copy these two images to a new image where the second image is beside the first image and not on top of it.

BufferedImage imgb1 = img1;
BufferedImage imgb2 = img2;
BufferedImage imgResult = new BufferedImage(...);

where imgResult contains the first and the second image next to each other.

1) [What have you tried?](http://www.whathaveyoutried.com/) I mean *besides* asking us. 2) For better help sooner, post an [SSCCE](http://sscce.org/). 3) One way to get image(s) for an example is to hot-link to the images seen in [this answer](http://stackoverflow.com/a/19209651/418556). 4) Please don't forget to add a '?' to questions! Some people do a search in the page for '?' and if none exists in the 'question' go directly to the next (actual) question in line. — Andrew Thompson, Dec 29 '13 at 14:39

score 26 · Answer 1 · edited Sep 17 '18 at 11:05

I created a demo for you and also a unit test, hope it works!

Code:

import java.awt.Color;
import java.awt.Graphics2D;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
/**
 * This code try to join two BufferedImage
 * @author wangdq
 * 2013-12-29
 */
public class JoinImage {
    public static void main(String args[])
    {   
        String filename = System.getProperty("user.home")+File.separator;
        try {
            BufferedImage img1 = ImageIO.read(new File(filename+"1.png"));
            BufferedImage img2=ImageIO.read(new File(filename+"2.png"));
            BufferedImage joinedImg = joinBufferedImage(img1,img2);
            boolean success = ImageIO.write(joinedImg, "png", new File(filename+"joined.png"));
            System.out.println("saved success? "+success);
        } catch (IOException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
    }
    /**
     * join two BufferedImage
     * you can add a orientation parameter to control direction
     * you can use a array to join more BufferedImage
     */

    public static BufferedImage joinBufferedImage(BufferedImage img1,BufferedImage img2) {

        //do some calculate first
        int offset  = 5;
        int wid = img1.getWidth()+img2.getWidth()+offset;
        int height = Math.max(img1.getHeight(),img2.getHeight())+offset;
        //create a new buffer and draw two image into the new image
        BufferedImage newImage = new BufferedImage(wid,height, BufferedImage.TYPE_INT_ARGB);
        Graphics2D g2 = newImage.createGraphics();
        Color oldColor = g2.getColor();
        //fill background
        g2.setPaint(Color.WHITE);
        g2.fillRect(0, 0, wid, height);
        //draw image
        g2.setColor(oldColor);
        g2.drawImage(img1, null, 0, 0);
        g2.drawImage(img2, null, img1.getWidth()+offset, 0);
        g2.dispose();
        return newImage;
    }
}

Is there a reason you use `Graphics2D`? Why not just `Graphics`? — MercyBeaucou, Jun 17 '16 at 23:09
any way to change to on top of eachother and not side by side — topcat3, Dec 06 '18 at 16:12
@topcat3, it's similar like this, just make a little math and layout the pictures. — wangdq, Dec 07 '18 at 03:43
@wangdq yes I have done that now. If anyone wants solution I can post below? — topcat3, Dec 07 '18 at 11:42

score 1 · Answer 2 · answered Dec 07 '18 at 11:43

public static BufferedImage joinBufferedImage(BufferedImage img1,
      BufferedImage img2) {
    //int offset = 2;
    int width = img1.getWidth();
    int height = img1.getHeight() + img2.getHeight();
    BufferedImage newImage = new BufferedImage(width, height,
        BufferedImage.TYPE_INT_ARGB);
    Graphics2D g2 = newImage.createGraphics();
    Color oldColor = g2.getColor();
    g2.setPaint(Color.WHITE);
    g2.fillRect(0, 0, width, height);
    g2.setColor(oldColor);
    g2.drawImage(img1, null, 0, 0);
    g2.drawImage(img2, null, 0, img1.getHeight());
    g2.dispose();
    return newImage;
  }

Modified your code to print one image on top of eachother(as in one after another)

Copy two BufferedImages into one image side by side

2 Answers2