Skip to content
Pixelate Photo
Menu
English

Overlay Image Online

Put one image on top of another. Drag layers into place, adjust their opacity, and download the result.

Canvas

Start with a base image

JPG, PNG, or WebP up to 10 MB per file.

Overlay layers

Choose a base image to start adding layers.

Image overlay example

Here’s what you get when you load the sample images in the editor.

Coastline with cliffs, trees, and blue water

Base image

The landscape sets the size and shape of the canvas.

Cardboard parcel with a sample delivery label

Overlay image

The parcel photo is scaled down and placed in the center.

The parcel photo centered over the coastline with a thin white border

Combined image

At 85% opacity, the landscape shows through the parcel photo. A 4 px white border frames the inset.

How to overlay images

  1. Choose the base image. It sets the shape and dimensions of the canvas.
  2. Add one or more overlays. Drag each layer into place and resize it with its corner handle or the size slider.
  3. Adjust opacity to show the base through a layer. Set a border width and color if you want a frame.
  4. Choose PNG or JPG and download the combined image.

What can you make with image overlays?

Put a transparent logo in the corner of a product photo, frame a second picture for a thumbnail, or lower the opacity of a texture to blend it into a background.

See five ways to use an image overlay

Which format should you download?

Choose PNG to keep any transparency in the combined image. JPG fills transparent areas with white. Both formats use the base image’s dimensions after resizing. Images longer than 4,096 pixels on either side are scaled down to fit.

Your browser opens, edits, and exports the images locally.