Can I adjust the opacity of the overlay?

Yes. Use the opacity slider to create subtle watermark effects or solid graphic overlays.

Yes. All compositing runs 100% locally in your browser memory.

Can I adjust the blend mode of the overlay graphic?

Yes. You can choose from standard CSS blend modes like Multiply, Screen, Overlay, and Darken to create artistic double-exposure effects.

Can I lock the aspect ratio of the overlay while scaling?

Yes. The scaling handles maintain proportional aspect ratios to prevent logo stretching.

Can I lock the aspect ratio of the overlay while scaling and dragging?

Yes. The interactive scaling handles maintain proportional aspect ratios to prevent logo stretching, distortion, or pixel warping during layered composition.

Add Image Overlay & Logo Watermark

Overlay logos, badges, and secondary images with cursor drag-and-drop placement.

100% In-Browser

All-In-One StudioBulk + Single

Want to process images in bulk, add compressions, conversions, filters & background removal all in one flow?

Try Image Playground

100% In-Browser PrivacyLocal

Your files and data are processed locally and never leave your device.

Upload images to Image Playground

Drag & drop any JPG, PNG, WebP, AVIF, GIF, or SVG images. Automatically opens Single Studio for 1 image or Bulk Queue for multiple.

Formats: JPG, PNG, WEBP, AVIF, GIF, SVG•Max size: 150MB •100% In-Browser

Want to test right now?

Bulk Image Operations (Batch Mode)

Fast batch processing with 1-click ZIP archive download

Format Conversion (WebP, PNG, JPG, AVIF)
Compression & Quality (Target KB mode)
Resize & Dimensions (Width / Height)
Remove Metadata / EXIF (100% stripped)
Scale Multipliers (0.25x to 4x)
Remove Background (Auto flood-fill)
Mirror & Flip (Horizontal & Vertical)
Rotate (90°, 180°, 270°, angle)

Single Image Studio Operations

Everything in bulk + full creative suite with cursor placement

⚡ Everything in Bulk✂️ Image Crop & Aspect Ratio💧 Blur & Pixelate🔄 Rotate (0°–360°)✨ Sharpen Kernel☀️ Brightness & Contrast🎨 Saturation & Hue📸 Exposure & Greyscale🔤 Add Text to Image (Cursor)🖼️ Add Image Overlay (Cursor)🔲 Add Border🔘 Add Rounded Corners🏷️ Add Watermark🪄 Remove Background

What is Add Image Overlay & Logo Watermark?

Add Image Overlay lets you composite secondary graphic layers—such as brand logos, watermarks, stickers, or picture-in-picture insets—onto a base photograph. Control layer opacity, scale, rotation, positioning, and CSS blend modes in real time.

Zero-Server Client-Side Guarantee

Unlike legacy online utilities that upload sensitive media and documents to remote cloud storage, Shadow Toolkit executes this entire operation directly within your browser's local runtime. Your raw data never crosses the network.

Key Capabilities

Multi-layer image compositing with support for transparent PNG overlays
Interactive scale, rotate, and drag-and-drop layer positioning
Adjustable layer opacity and blend modes (Multiply, Screen, Overlay, Soft Light)
High-resolution canvas composition preserving full base photo quality
100% private in-memory rendering with zero server uploads