What is Image Overlay/Blend?

Image Overlay/Blend combines two images using blend modes like multiply, screen, overlay, and others. Create double exposures, texture overlays, or artistic effects. Everything is processed privately on your device.

All 16 Canvas2D composite modes are available: normal, multiply, screen, overlay, darken, lighten, color-dodge, color-burn, hard-light, soft-light, difference, exclusion, hue, saturation, color, and luminosity. Opacity goes from 0 to 100% in fine increments. Position the overlay by dragging it on the preview or snap it to any of nine alignment points, then resize, rotate, or mirror it horizontally or vertically. The finished composite exports as PNG (with full transparency), JPEG (with a quality slider for smaller files), or WebP, and a one-tap button copies the result straight to the clipboard.

How to use

1. Upload a base image and an overlay image. You will see both side by side with a live preview of the blended result.
2. Pick a blend mode (multiply, screen, overlay, darken, lighten, color-dodge, etc.) and adjust the overlay opacity with the slider.
3. Use the quick-align grid for snap positioning, flip the overlay if it faces the wrong way, then download as PNG, JPEG, or WebP — or copy it to the clipboard to paste anywhere.

When to use

• Adding a grain or paper texture over a photo for a film-look or print mock-up.
• Layering a logo or watermark on a product shot using the multiply or screen mode.
• Building a quick double-exposure portrait by blending a face with a landscape shot.

Result

A photographer uploads a portrait as the base and a city skyline as the overlay, selects 'screen' blend mode at 60% opacity to create a dreamy double-exposure effect, then downloads the final composite.

FAQ

What do multiply and screen actually do to the pixels?

Multiply darkens by multiplying each RGB channel of the two images, then dividing by 255 — black stays black, white becomes transparent. Screen does the opposite, brightening like overlapping projected slides — white stays white, black becomes transparent.

Why is the output cropped to the base image size?

The canvas size matches the base image. If your overlay is larger, the extra pixels fall outside the export. Resize the overlay first (or crop the base wider) so both images share the area you want in the final PNG.

Can I move, resize, or mirror the overlay after I drop it on the base?

Yes — drag the overlay anywhere on the preview, or use the quick-align grid to snap to any of nine spots (four corners, four edges, centre). Sliders cover scale (10–300%) and rotation (-180° to 180°), and a pair of flip toggles mirror the overlay horizontally or vertically. Reset transform restores the centred 100% pose.

Difference and exclusion give weird neon colours — is that a bug?

No, that is correct behaviour. Difference subtracts each channel and shows the absolute value, exclusion is similar but lower-contrast. Both produce inverted-looking results, which is useful for comparing two near-identical images or for artistic effects.

Why does my PNG export keep a black background instead of staying transparent?

JPEG cannot store transparency, so picking JPEG flattens any alpha onto a white background — choose PNG or WebP if you need a see-through result. Multiply only turns pure white transparent at full opacity; normal mode below 100% always shows the base behind.

Related Tools