Skip to main content

About Video Image Overlay

Video Image Overlay runs the video editing and conversion job locally inside your browser. Pin a PNG sticker, JPG image, or transparent logo onto any video. Control its position, size as a percentage of the video width, opacity, and the time range it appears. Files are processed entirely in your browser with FFmpeg WebAssembly. The work happens on your machine, the result is generated on your machine, and the page exposes the controls you need to drive it without burying them in menus.

Video Image Overlay sees the most use from social-media managers cutting reels and educators editing lecture clips, but the design is intentionally generic enough that you do not need a specialist background to get a good result. The defaults aim at the most common case so a first-time user can get the right output without changing any settings.

Reach for Video Image Overlay when you need a predictable result on a single file. The page works on the first visit, the controls are visible without a menu, and the output is delivered the moment the engine finishes.

Under the hood, Video Image Overlay uses FFmpeg compiled to WebAssembly to do the actual work. The tool accepts MP4, WebM, MOV, MKV, AVI, FLV, and OGV as input, with a per-file ceiling of 500 MB so memory usage stays predictable on lower-end laptops and tablets. The engine ships as part of the page bundle, so once the page is loaded the tool keeps working even if your network connection drops.

The execution model is straightforward: your file is bytes in the tab's memory, the engine reads those bytes, computes the result, and hands the result back to the browser. The transformation happens locally, which is why the tool keeps working when your network connection drops mid-job and why it produces the same result every run for the same input.

As a workflow component, Video Image Overlay is the part you reach for when a single, well-defined video editing and conversion step needs to happen. It performs that step and returns a standard file you can carry into the next part of your pipeline.

The architecture imposes only the limits the browser itself imposes. The published 500 MB ceiling is conservative; most modern devices comfortably handle inputs up to that size, and the cap exists so the tool degrades gracefully on phones and budget laptops rather than running out of memory.

The transformation in Video Image Overlay is deterministic — the same input plus the same options produces the same result every run. That predictability matters when the result has to match an upstream specification or be reproducible later.

Once the engine finishes, `{name}-edited.{ext}` is offered as an immediate download. There is no preview gate, no email-wall, and no "register to download" intermediary — the file is yours the moment it is ready.

From a product perspective, Video Image Overlay is one of the simplest possible expressions of "do one thing well." The catalog contains dozens of related tools that each handle a slightly different video editing and conversion task, and every one is a separate page rather than a tab inside a larger app. That separation keeps each tool fast to load and easy to bookmark.

Video Image Overlay runs as a regular web page, so there is no install step or permission grant before the first run. The page can be audited by viewing the source or by watching the developer-tools Network tab while a job runs.

Tips from users who reach for Video Image Overlay regularly: process one input first to confirm the settings produce what you expect before committing to a batch; treat the page as the working surface and avoid leaving large jobs running in a backgrounded tab where the browser may throttle JavaScript; and if a particular file fails, check whether the source is intact by opening it in its native viewer — most "tool errors" are actually input errors.

If Video Image Overlay appears to hang, the engine is almost certainly still working — large inputs simply take longer to process inside a browser than they would on a server with multi-core scheduling. For inputs near the 500 MB cap, give it up to a minute on a typical laptop before assuming something is stuck.

That is the whole tool. Use Video Image Overlay for as long as it stays useful to you, and if it does, the catalog has many more tools built the same way. Each applies the same single-purpose discipline, so the way you used this page transfers to the next one you try.

How it works

  1. 1Open Video Image Overlay in your browser. The page loads quickly and the tool is ready to use the moment it becomes interactive.
  2. 2Add your MP4, WebM, MOV, MKV, AVI, FLV, and OGV input by dropping it onto the page or browsing for it.
  3. 3Adjust the options to match what you need. Sensible defaults cover the most common case, so you can usually skip this step.
  4. 4Trigger processing. FFmpeg compiled to WebAssembly reads your input, applies the transformation, and writes the result back into the page.
  5. 5Save the output (`{name}-edited.{ext}`) when it is ready.
  6. 6Repeat the process for additional inputs whenever you need to. The page stays loaded, so subsequent runs are quick.

Common use cases

FAQ

How does in-browser image overlay work?

A WebAssembly build of FFmpeg loads in this page and composites your image over your video using the overlay filter. The image is scaled to your chosen percentage of the video width and its alpha channel is preserved — entirely on your device.

Why is in-browser overlay slower than online tools?

Compositing an image over video requires re-encoding every frame. Server tools have native multi-threaded FFmpeg with hardware acceleration; the WebAssembly build is single-threaded and typically 4–8× slower. The trade-off is total privacy — your video and image never leave your device.

How is this different from "Add Watermark"?

The watermark tool is optimized for small subtle brand stamps and supports both text and image modes. This tool is for any image overlay — a meme sticker, a station bug, a Twitch-style alert PNG, picture-in-picture, etc. — with finer size control (up to 80% of the video width).

What image formats work?

PNG (preferred — supports transparency for stickers and logos), JPG, and WebP. Maximum 20 MB. Transparent PNGs are best because only the visible pixels appear over the footage.

Can I show the image only for part of the video?

Yes — turn off "Show for the entire video" and pick a start and end second. The image appears only between those times, perfect for sponsor logos at the end or alert pop-ups during a stream highlight.

Can I make the image semi-transparent?

Yes — the opacity slider works on top of any built-in alpha channel. 100% leaves your image as-is; lower values fade it.

How big a video can I process?

Up to 500MB of video and 20MB for the image. The encode runs at roughly real time on a modern desktop and is slower on mobile.

Is anything uploaded?

No. The overlay runs entirely in your browser tab. Nothing is transmitted, stored, or logged. Closing the tab erases the files from memory immediately.

Does Favtoo keep a copy of files I process with Video Image Overlay?

Favtoo keeps no copy of your file because Favtoo never receives your file. Video Image Overlay runs entirely in your browser, the input is held only in your tab's memory, and closing the tab discards it. There is no opt-in cloud history, no "recent jobs" panel synced to an account, and no server-side retention to configure — the architecture simply has nowhere for your file to be stored.

What input formats are supported by Video Image Overlay?

Video Image Overlay accepts MP4, WebM, MOV, MKV, AVI, FLV, and OGV. If your input is in a format that is not directly supported, convert it first using one of Favtoo's converter tools — every Favtoo converter outputs a file that is a clean input to the next tool in the chain.

Will I notice a difference in the output from Video Image Overlay?

Video Image Overlay is built to preserve quality wherever the underlying video format allows it. Operations that are mathematically lossless (e.g. structural transformations, lossless re-encoding) round-trip with no perceptible change. Operations that involve a lossy codec inevitably introduce small artefacts at the byte level, but the defaults aim at the sweet spot where output looks or sounds the same to a normal viewer or listener while still being meaningfully smaller or faster than the input.

Will Video Image Overlay keep working if my Wi-Fi drops mid-task?

Once the page is loaded, Video Image Overlay can complete jobs without an active internet connection — the engine is bundled with the page, so there is no per-job network call. The initial page load does require a connection (to fetch the static assets), but after that you can disconnect entirely and the tool will still work. This is a side-effect of the local-first architecture, not a deliberate "offline mode" feature.

Why does Video Image Overlay feel slow on large inputs?

Most jobs finish in seconds. Speed scales with input size and with how many CPU cycles your browser tab has available — the engine runs in your browser, so it shares resources with whatever else you have open. For inputs near the 500 MB ceiling, expect anywhere from a few seconds to roughly a minute on a typical laptop. Closing other heavy tabs noticeably speeds things up.

Does Video Image Overlay work in Safari, Firefox, Chrome and Edge?

Video Image Overlay works in any modern browser released in the last few years — Chrome, Edge, Firefox, Safari, Brave, Arc and the major Chromium derivatives are all supported. The underlying engine relies on widely-supported web APIs, so there is nothing exotic to install. If you are on a very old browser version and the tool fails to load, updating to the latest release of your preferred browser is the only fix needed.

Why did Video Image Overlay reject my input?

Failures usually fall into one of three buckets: the input is in an unsupported format, the input is over the size cap, or the input is structurally malformed (a truncated download, a partial export, or a stream the engine does not recognise). The first two are easy to confirm — check that your file is one of MP4, WebM, MOV, MKV, AVI, FLV, and OGV and that it is below 500 MB. For the third, opening the file in its native viewer first is the fastest way to confirm the source is intact.

Video to GIF

Convert any video clip to an animated GIF entirely in your browser. Pick the start, length, frame rate, and width — your file is processed locally with FFmpeg WebAssembly and never uploaded.

Screen Recorder

Record your screen, a window, or a browser tab directly in your browser. Optionally include system audio and your microphone. Capture, preview, and download the video without installing any app — and without uploading anything.

Webcam Recorder

Record your webcam directly in your browser with optional microphone audio. Pick the resolution (480p, 720p, or 1080p), frame rate, and mirror mode, then capture and download the result without installing any app.

Screen + Webcam Recorder

Record your screen with your webcam composited into a picture-in-picture corner — perfect for tutorials, course videos, demos, and reaction recordings. Pick the camera position, size, and audio sources, then capture and download in your browser.

Video Slideshow Maker

Turn a stack of photos into an MP4 slideshow with per-slide durations, crossfades, and an optional soundtrack. Pick the resolution (up to 1080p), frame rate, and transitions, then download a single MP4 — all processed in your browser with FFmpeg WebAssembly.

Video from Images + Audio

Combine a stack of photos with a music track or narration into a single MP4 video. Pick the resolution, per-slide duration, transitions, and let the slideshow length match the audio. All processed in your browser with FFmpeg WebAssembly.

Video Trimmer

Set precise in and out timestamps, snap to keyframes when needed, and document handles for social-safe cutdowns.

Video Splitter

Split any video into 2–10 equal-length pieces, packaged as a downloadable ZIP. Files are processed entirely in your browser with FFmpeg WebAssembly using lossless stream-copy.

View all Video Tools