What is an image overlay used for?

Image overlays are used to add watermarks, logos, badges, or decorative elements on top of a base image. The opacity slider lets you make the overlay subtle (like a watermark) or fully opaque.

Can I position the overlay precisely?

Yes. Enter exact pixel values in the x and y position fields to place the overlay at a specific location on the base image.

What image formats are supported?

This tool accepts any image format your browser can display, including PNG, JPEG, WebP, and GIF. The output is always exported as PNG to support transparency.

Image Overlay

Overlay a second image on top of a base image with adjustable position and opacity.

Base image

Overlay image

Overlay X (px): 0

Overlay Y (px): 0

Opacity: 80%

Upload a base image to start

Related Tools

PENImage Annotator

Upload an image and draw rectangles, arrows, and text labels on it, then download the annotated result.

IMGImage Collage Maker

Arrange 2–4 images into a collage using preset grid layouts, with adjustable gap.

LCKImage EXIF Stripper

Remove all EXIF metadata from JPEG images by re-rendering on canvas, protecting your privacy.

FAQ

What is an image overlay used for?: Image overlays are used to add watermarks, logos, badges, or decorative elements on top of a base image. The opacity slider lets you make the overlay subtle (like a watermark) or fully opaque.
Can I position the overlay precisely?: Yes. Enter exact pixel values in the x and y position fields to place the overlay at a specific location on the base image.
What image formats are supported?: This tool accepts any image format your browser can display, including PNG, JPEG, WebP, and GIF. The output is always exported as PNG to support transparency.

Upload a base image and an overlay image. Use x/y position inputs to place the overlay anywhere on the base. An opacity slider controls how transparent or opaque the overlay appears (0–100%). The result is rendered in real time on an HTML canvas. Download the composited image as PNG.