iPhone
Open this page in Safari. Upload the background and top picture using the iOS photo or file picker, make your edits in the tool, then download the PNG through Safari.
Step-by-step guide
How to Overlay Pictures
Put one picture on top of another online for free, right in your browser. Upload a background and overlay, adjust their position and opacity, then export a PNG.
Overlay pictures nowFree Image Overlay Tool
Upload your base image and overlay image, then position and fine-tune every layer with simple controls. Create clean, professional compositions without installing software.
Background
Overlay0/5
How to overlay pictures online in 4 steps
Use the background as the bottom layer and the overlay as the picture on top. These four steps match the controls in the tool above.
Step 01
Upload a background picture
Choose the image that will set the canvas size and form the bottom layer.
Step 02
Add the picture on top
Upload a JPG, PNG, GIF, or WebP image as an overlay. Transparent PNG areas stay transparent.
Step 03
Position and adjust it
Drag the overlay into place, resize it with a corner handle, rotate it, and change its opacity.
Step 04
Export a PNG
Download the composition as a PNG at the background image's dimensions.
How to overlay pictures on a phone
Use a mobile browser and its built-in photo or file picker to choose both images.
Android
Open this page in Chrome. Choose the background and overlay through the Android photo or file picker, position the top image, then download the PNG in the browser.
How to put one picture on top of another on a computer
Open the tool in a desktop browser and select both files with the system file picker.
Windows
In Edge, Chrome, or another current browser, choose the background file and then the overlay file. Drag and resize the top image, adjust opacity in Settings, and download the PNG.
Mac
In Safari, Chrome, or another current browser, select the two images from the file picker. Position the overlay, adjust opacity in Settings, and download the PNG.
Questions about overlaying pictures
How to put a photo on top of another photo?
Upload the first photo as the background and the second as the overlay. Move and resize the top photo on the canvas, then download the result as a PNG.
How do I put one picture on top of another?
Open the tool on this page, upload a background picture, then add the picture you want on top. Position it and export the composition.
How to put an image on top of another image?
Use the background upload for the bottom image and an overlay slot for the top image. You can reposition, resize, rotate, and adjust its opacity before exporting.
Can I overlay a transparent PNG?
Yes. Transparent areas in a PNG overlay remain transparent over the background. To export a transparent canvas, use a background image that already has transparency.
What if the two images are different sizes?
The background sets the canvas and export dimensions. Resize the overlay with its corner handles until it fits the composition.
Why does my exported image look blurry?
The export follows the background image's pixel dimensions. Enlarging a small source image can make it look soft, so use higher-resolution files when you need a larger result.
How do I change the transparency of the top image?
Open Settings, choose Opacity, and move the slider. The preview updates as you change the value.