ToolboxHub

🔀Image Overlay

Overlay two images together with adjustable opacity and blend modes.

Share:
#ffffff
Upload an image to get started

About Image Overlay

Combine two images by overlaying one on top of the other with full control over opacity, position, and blend mode. The image overlay tool lets you create double exposures, add texture overlays, blend a logo over a photo, or combine images creatively — entirely in your browser with an instant live preview.

How to Use Image Overlay

  1. 1

    Step 1

    Upload your base (background) image and your overlay image.

  2. 2

    Step 2

    Adjust the overlay's position, scale, opacity, and blend mode using the controls.

  3. 3

    Step 3

    Preview the combined result and download the merged image as a PNG.

Common Use Cases

  • Creating double-exposure portrait photos from two separate images
  • Adding texture or grain overlays to photos for an artistic effect
  • Overlaying a logo or watermark on a photo with blend mode integration
  • Combining a background image with a graphic element for social media content

Frequently Asked Questions

What blend modes are available?
Available blend modes include Normal, Multiply, Screen, Overlay, Soft Light, Hard Light, Difference, Exclusion, and more — matching standard Photoshop blend mode behavior.
Can I control the position of the overlay image?
Yes. Drag the overlay image to any position over the base image, or use numeric position inputs for precise placement.
Can I resize the overlay image independently?
Yes. The overlay image can be scaled up or down independently of the base image using a resize handle or percentage input.

Related Tools