GIF Overlay — Stack Images & GIFs

Use OmniGIF Overlay to stack stills and animations without desktop software:

1. Upload a background PNG, JPG, WebP, or GIF.
2. Add one or more overlay layers (static or animated).
3. Choose canvas size (background or foreground) and output duration.
4. Tune each layer’s size, position, rotation, opacity, timing, and optional source crop.
5. Generate and download the composited GIF — processing stays local.

Multi-layer overlay is ideal for stickers, picture-in-picture GIFs, and branded motion on photos.

The Canvas 2D API can composite images with globalAlpha, transforms, and globalCompositeOperation.MDN Web Docs

• MDN: CanvasRenderingContext2D
• MDN: Image file type guide (GIF)

Overlay timing controls how backgrounds and foregrounds stay in sync:

• Canvas can match the background or a foreground asset’s native resolution
• Output duration can follow the background, the longest clip, or a custom length
• Shorter media can loop by time modulo or freeze on the last frame
• Per-layer start/end times hide overlays outside a chosen range

These options cover GIF-on-photo, photo-on-GIF, and dual-GIF picture-in-picture without forcing identical clip lengths.

GIF animation timing is controlled per frame through the Graphic Control Extension delay.W3C GIF89a

• W3C: Graphics Interchange Format (GIF89a)

Common overlay workflows on OmniGIF:

• Place an animated sticker on a product photo
• Add a logo badge that appears only in the second half of a GIF
• Picture-in-picture: a small reaction GIF over a main clip
• Stack multiple transparent PNGs with different opacities

Because compositing is local, overlays work well for drafts and private media.

File objects selected by the user can be read entirely in the browser with FileReader or URL.createObjectURL.MDN Web Docs

• MDN: Using files from web applications

OmniGIF Overlay follows the same private processing model as other tools:

• Background and overlay files never upload to OmniGIF servers
• Analytics events do not include file names or pixel data
• Exports do not add an OmniGIF watermark

Prefer local overlay tools whenever you cannot send media to a remote encoder.

URL.createObjectURL lets web apps display local files without uploading them.MDN Web Docs

• MDN: URL.createObjectURL()
• OmniGIF Privacy Policy

After overlaying, these tools help finish the edit:

• Add Watermark to GIF — Add text or tiled logos with motion presets.
• Add Text to GIF — Caption an animation with fonts and stroke.
• Crop GIF — Crop the final composition to a tighter frame.
• Trim GIF — Cut the timeline after compositing.

Yes. Upload a PNG, JPG, or WebP as the background, then add an animated GIF as an overlay layer. Set output duration to match the GIF or a custom length.

Yes. Use an animated GIF as the background and add PNG/JPG/WebP overlays. Adjust opacity, position, rotation, and per-layer start/end time.

Yes. Each animated layer is sampled independently. Shorter clips can loop or freeze on the last frame while the output runs.

Match background keeps the background’s pixel size. Match foreground uses the selected (or first) overlay’s original size and scales the background to cover that canvas.

No. OmniGIF composites overlays with the Canvas API in your browser. Files never leave your device.