Layers that stay editable until you save
Putting one picture on another is the simplest kind of layering: a base, and something on top of it with its own edges — a logo in a corner, a product placed into a scene, a small photo on a big one. Each overlay here stays a separate layer, selectable and movable, until the moment you save; the file is drawn from all of them at once at full size. Nothing is flattened early, so changing your mind about the second layer never disturbs the first.
What each control does
- Position and size. X and Y are the layer’s centre in the base picture’s pixels; width sets its size with its proportions locked; turn rotates it around its centre.
- Opacity and blend. Normal opacity, or one of seven blend modes worked out pixel by pixel so every browser saves the same file.
- Edges. Rounded corners as a percentage of the layer’s short side, a border in pixels and its colour, and a soft drop shadow.
- Remove a flat background. Takes off the colour found at the overlay’s corners, with a soft band so the edge is not jagged.
A worked example
A 4000 × 2500 photo of a shopfront and a 1200 × 1200 logo on white. The logo arrives centred at 1600 pixels wide — 40 % of the base. Remove a flat background at tolerance 40 takes off the white; resizing to 600 pixels and dragging toward the top right, it snaps when its right edge meets the photo’s at x = 4000, so its centre sits at x = 3700. At 85 % opacity with a drop shadow the result is saved at 4000 × 2500, and the list under the preview records the layer’s position, scale and opacity.
Privacy, specifically
The base and the overlays are drawn together inside this tab. The saved file is drawn fresh, so camera details and location are not carried into it, and nothing about the pictures is sent or kept.
Background removal works on flat colour only and is not a model; it will not cut a person out of a room. Layers keep their proportions. Saving at the base size leaves out anything outside the base picture.
Snags when putting a photo on a photo
How do I put a logo on a photo?
Add the photo first, then the logo. The logo appears in the middle at 40 % of the photo's width; drag it where you want it, drag its yellow corner to resize, and lower its opacity if it should be subtle. If the logo is a JPG on a white background, tick Remove a flat background and the white is taken off; a PNG with see-through areas needs nothing.
Can I remove the background from a person before placing them?
Only a flat one. The background removal here is arithmetic on colour — it takes away whatever matches the colour at the overlay's corners, within a tolerance — so it suits logos, products on a plain backdrop and people in front of a plain wall. A person in a room needs a cut-out made elsewhere first; saved as a PNG with see-through, it is then placed here as it is.
How do I line things up exactly?
Snapping catches the centre, the thirds and the edges of the base picture while you drag; hold Alt to place freely. For exact placement type X, Y, width and turn in the layer's fields — X and Y are the centre of the layer in the base picture's pixels.
The overlay sticks out past the edge. Can the picture grow?
Choose Grow to fit layers and the canvas extends to include every overlay, with the ground colour you pick around the base. The default keeps the base picture's size and leaves out whatever falls outside it.
Can I add more than one picture on top?
Up to four. Each is its own layer with its own position, size, turn, opacity, blend mode, corners, border and shadow, and is drawn in the order of the list — later ones on top. Choose which one to edit by its number.
