Place one image on top of another - overlay, superimpose, layer.

Upload your background image first - this becomes the base layer. Then upload the image you want to place on top. The overlay appears at the top-left corner of the base image by default. Drag it in the preview area to reposition it, use the scale slider to make it larger or smaller, and adjust opacity if you want the background to show through. Use the preset buttons (Center, Bottom Right, Fit to Base) for quick placement without manual dragging. You can also paste a pic from your clipboard instead of uploading a file. Click Download when the placement looks right. The entire process runs in your browser using the Canvas API - both images stay on your device, nothing uploads to a server, and the composite renders in under a second for typical photo sizes up to 3000x2000 pixels.

The process works the same whether you want to add a picture to a picture, add photo to photo, add image to photo, or insert a picture into another picture. Upload the background as the first image, then upload whatever you want to place on top as the second image. The tool draws the second image over the first at the position you choose. If you want to add a picture inside a picture at a specific spot - like inserting a product shot into a mockup frame - drag the overlay to the exact position and scale it to fit. This image overlayer handles any combination: photo on photo, logo on product shot, sticker on selfie, or text image on a background.

Merging (also called joining or combining) places images side by side or stacked into a single output - the result is wider or taller than either input image. A vertical merge of two 500x500 photos produces a 500x1000 output. Overlaying (also called superimposing or photo layering) places one image on top of another at a specific position within the base image dimensions, so the output size matches the base. A 500x500 overlay on a 1000x1000 base still produces a 1000x1000 output. Use the <a href="/" class="text-link underline decoration-hairline underline-offset-4 hover:text-link-deep">merge tool</a> when you want before-and-after comparisons, photo collages, or side-by-side layouts. Use this overlay tool when you need to put photo on photo, add a watermark across a gallery image, or insert pic on pic at a specific position over a scene.

Yes, and that is the most useful scenario for this tool. Upload a PNG logo, icon, or overlay PNG that has a transparent background as the overlay image. Only the visible pixels render on top of the base - the transparent areas let the background show through cleanly without any white rectangle. This is how e-commerce sellers add company logos to product photos, photographers place watermark signatures on galleries, and designers layer photos with decorative frames over portraits. If your overlay PNG does not have transparency yet, remove the background first using a tool like remove.bg or Photoshop, save as PNG with alpha channel, then overlay it here. JPG overlays cannot have transparency - they always render as a solid rectangle on the base, covering whatever is underneath.

Use the Scale slider below the preview. At 100% the overlay renders at its original pixel dimensions relative to the base image. Drag left to shrink it down to 5% or right to enlarge it up to 300%. A 2000x1500 overlay at 50% scale renders as 1000x750 pixels on the base. For logo placement on product photos, 10-25% of the base image width works for most cases - a 200px logo on a 2000px-wide photo is 10% and reads as a subtle brand mark. For full-image overlays like textures, light leaks, or grain effects, click the "Fit to base" button to automatically scale the overlay to cover the entire background image and center it. The scale calculation uses the overlay natural dimensions, not the display size.

Opacity controls how transparent the overlay image appears on the base. At 100%, the overlay is fully opaque and completely covers whatever base image pixels sit underneath it. At 50%, the overlay is semi-transparent and the base shows through at half intensity - this creates a double-exposure blend effect. At 10%, the overlay is barely visible, just a faint impression. Common opacity settings: 20-40% for watermarks where the mark needs to be visible but should not dominate the photo; 50% for double-exposure composites that blend a portrait with a landscape; 15-30% for texture overlays like film grain, light leaks, or bokeh effects that add character without overwhelming the base image; and 100% for logo placement, stickers, and badges where full visibility is the goal.

Yes, you can superimpose pics online from any phone. Open this page in Safari, Chrome, or any modern mobile browser. Tap the first upload area to pick your base image from the camera roll, then tap the second upload area for the overlay. You can also paste pic from the clipboard if you copied an image. Drag on the preview with your finger to reposition the overlay. The scale, opacity, and position sliders all respond to touch input. Preset buttons like Center and Bottom Right work with a single tap. Processing happens entirely on your phone using the same image overlapper engine as desktop - no image data is sent to a server, and the result downloads directly to your device. Phones with 4 GB RAM or more handle images up to 4000x3000 without issues.

To overlay two images or overlay photos online, upload the background image first, then upload the foreground image. The tool draws the second image on top of the first. If you want to overlay pictures online with transparency, use a PNG overlay with a transparent background. To overlay photos online with full coverage, click "Fit to base" to stretch the overlay across the entire background. You can also overlay 2 images at partial opacity for a double-exposure look. This works the same way whether you search for how to overlay images, how to overlay photos, how to overlay pictures, or overlay pictures online - the Canvas API operation is identical in every case.

Export as PNG if your overlay uses transparency and you need to preserve that transparency in the output - for example, when the base image itself has transparent areas, or when the composited result will feed into another design tool like Figma, Photoshop, or Canva where you need clean alpha edges. PNG is lossless, so there are zero compression artifacts, but files are 3-5x larger than JPG. Export as JPG when file size matters and transparency is not needed. JPG at 92% quality (the default) produces visually identical results to the original for photos, at roughly 200-400 KB for a 2000x1500 composite. Use JPG for social media uploads, product listing images, web pages, email attachments, and any context where the image sits on a solid background.

No. Both images load into browser memory using the HTML5 Canvas API and JavaScript. The compositing step - drawing the overlay on top of the base at the specified position with the specified opacity - happens entirely on your device using canvas.drawImage() with globalAlpha for transparency control. You can verify this: open browser developer tools (F12), switch to the Network tab, and perform a complete overlay operation. You will see zero outgoing requests carrying image data. The only network traffic is the initial page load. Close the tab and all image data is released from memory immediately. This picture in picture editor runs locally, making it safe for confidential documents, unreleased product photos, personal images, and any content you would not want on a third-party server.