Combine Images — Overlay or Side by Side

How to use it#

Drop your pictures onto the box above, or click it to choose them. Pictures dropped together start side by side, with the canvas made to fit them; one added later lands on top.
Drag a picture to move it, and drag a corner of the selected one to resize it. Edges snap to the canvas and to the other pictures; hold Alt or Option to place one freely. On a phone, tap a picture to select it, or hold a finger on it to pick it up.
Or press one of the Arrange buttons to start from side by side, stacked, centred, or a logo in a corner.
Drag a grip on the side of the canvas to resize it, or press Fit the pictures, Square, or 16:9. Round its corners and pick a background if you want them.
Press PNG, JPG, or WebP above the canvas to download it in that format.

Putting a logo on a photo, or two logos together#

Drop the photo first, then add the logo with Add pictures. The photo fills the canvas, and the logo lands on top in the middle, sized to fit half the canvas. Drag it into place, pull a corner to shrink it, and lower its opacity if it should read as a watermark rather than a sticker. The In a corner button puts it in the bottom right, a little in from the edges, which is where most people want it.

A logo with a white box around it covers the photo with that box. It needs a see-through background first, which the transparent background tool makes from a logo on a plain colour. An SVG logo already has one, and it is drawn here at 2048 pixels on its longer side so it stays sharp on a large photo. Two logos side by side, for a partnership or a sponsor line, work the same way: press Side by side, then Fit the pictures, and save as PNG to keep the background see-through.

The canvas is a frame you set#

The canvas starts at the size of the first picture, or of the row when several are dropped together. Drag a grip on any side or corner to move it, or type a width and height. It does not shrink or grow to follow the pictures, so a gap you leave at an edge stays in the download, and so does any space you add for a border. Fit the pictures trims it to the smallest box that holds every picture, which is what you want after putting two pictures of different shapes side by side.

Square and 16:9 grow the canvas to that shape around its middle, adding room rather than cutting anything off. Rounded corners runs from square corners at 0% to a circle at 100% on a square canvas. Outside the rounded corners is see-through in a PNG or WebP. A JPG cannot be see-through, so it fills those corners, and a see-through background, with white or with the colour you picked.

What size the pictures come out at#

Each picture is drawn from its original pixels at the size it has on the canvas, so the download is as sharp as the pictures allow. A picture made larger than it really is comes out softer, because there is no detail to add. The canvas size boxes show the real pixels, and the list under the canvas gives each picture its size there, so it is easy to see when a picture has been stretched past its own size.

The canvas stops at 8192 pixels on a side and about 16.7 million pixels in all, which is as large as every browser, phones included, can be counted on to draw. A first picture larger than that, such as a 48 megapixel photo, starts on a canvas scaled down to fit, with the picture filling it. Two 12 megapixel phone photos side by side at full size come to over 24 million pixels, so Side by side sets them a little smaller to share the canvas.

Frequently asked questions#

How do I put two pictures side by side?

Drop both in together. They start side by side at the height of the first one, joined horizontally, with the canvas made to fit them, which suits a before and after pair. On a canvas you already have, press Side by side to set them in a row as large as the canvas allows, then Fit the pictures to trim the canvas to them. Stacked joins them vertically instead, one above the other at the same width. Three or more pictures go in one row or one column the same way.

How do I change the size of the canvas?

Drag a grip on any side or corner of the canvas. The opposite side or corner stays put, and the sides snap to the edges of the pictures, so it is easy to bring it in to meet them. The width and height boxes take an exact size in pixels. Fit the pictures trims the canvas to the pictures, and Square and 16:9 add room to make it that shape.

Can I make it round, or give it rounded corners?

Yes. Rounded corners at 0% leaves the corners square, and each step rounds them more, until at 100% they meet. On a square canvas that makes a circle, which suits a profile picture or a round badge; on a longer one it gives round ends. Press Square first to get a circle. Outside the corners stays see-through in a PNG or WebP.

What happens to a picture that hangs off the edge?

The part outside the canvas is cut off in the download. It still shows faintly on the screen, so you can take hold of it and pull it back. A picture always keeps a little of itself on the canvas, so it can never be lost off the side.

How do I put one picture on top of another?

The list under the canvas runs from the top picture down. Press a picture to select it, then To front or To back in the settings, or Forward and Backward to move it one place. Opacity fades the selected picture so the one under it shows through.

Should I download it as PNG, JPG, or WebP?

PNG keeps a see-through background and every pixel as it is, which suits logos, screenshots, and anything going on top of something else. JPG is much smaller for photos but has no see-through pixels, so those parts come out white, or in the background colour you pick. WebP is smaller than PNG and keeps the see-through parts, and every current browser opens it, though some older apps do not. Each of the three has its own download button, and the size of each file is shown beside the canvas before you press one.

Can I undo a move?

Yes. Undo takes back the last move, resize, fade, restack, removal, or arrangement of a picture, one step at a time. The canvas size, corners, and background are settings, so change those back by hand. Clear removes every picture at once, and Undo brings them all back. Backspace or Delete removes the selected picture, and the arrow keys nudge it a pixel at a time, ten with Shift.

Which kinds of picture can I combine?

PNG, JPG, HEIC, WebP, GIF, AVIF, BMP, SVG, and ICO files, in any mix, so an iPhone photo can take a PNG logo straight from the camera roll. An animated GIF gives its first frame; to use another, take it out with the GIF frame extractor first. An icon gives its largest picture.

Are my pictures uploaded?

No. Each picture is read by your own browser and drawn onto a canvas in this page, and the download is made there too. Nothing is sent anywhere, so it works on private photos and logos you have not released yet.