NEW · FFmpeg.wasm · 100% Browser-Based

Video Thumbnail Grid

Generate a visual contact sheet from any video — pick rows × columns, intervals, and styling. FFmpeg.wasm extracts frames and tiles them into a single PNG/JPG in your browser.

🎬
Drop a video file
MP4 · MOV · WebM · MKV · AVI · GIF
Files stay on your device · Never uploaded

Related Tools on UDT

Video Frame Extractor →
Extract still frames from any video as PNG or JPG.
Video Trimmer →
Trim videos with frame-accurate precision in your browser.
Video Compressor →
Shrink video files with platform presets — WhatsApp, Discord, Gmail, TikTok, Reels, Shorts.
All Video Tools →
Browse the full Video Suite — 12+ tools, all in-browser.

Why Do This in Your Browser?

Contact sheets — also called sprite sheets, preview grids, or video thumbnails — are how every download site and torrent index lets you see a video's content at a glance. They're trivial to make with FFmpeg's `tile` filter, and yet most online tools wrap them in upload-process-download workflows that turn a 5-second operation into a 5-minute one.

FFmpeg.wasm with the tile and scale filters runs the whole operation locally. The tool extracts N evenly-spaced frames (or frames at exact timestamps), scales each to the target thumbnail size, then tiles them into an R×C grid with optional borders, labels, and timestamps. Output is a single PNG or JPG.

How It Works

Pick the grid shape (3×3, 4×4, 4×3, custom rows × columns), thumbnail width in pixels, and frame selection mode (evenly distributed, fixed interval, or exact timestamps). The tool computes the frame timestamps, runs FFmpeg.wasm with `select='eq(n,0)+eq(n,F)+...'` and the `tile` filter, scales the final composite, and outputs the contact sheet.

Style options: solid or transparent border between thumbnails (1–10px width), optional timestamp overlay per frame, optional video filename in the corner. JPG output is smaller (good for embedding in markdown or sharing); PNG preserves text overlays sharply (good for documentation, archives, video catalogues).

Tip: For individual frame export (not tiled), the Video Frame Extractor tool is the right pick — it exports a zip of separate PNGs. Use this thumbnail-grid tool when you want a single overview image. Pair with the Video Compressor to make the grid file smaller before sharing.

Common Use Cases

Video Catalog Previews
Build a visual index of a recorded archive — one row per video, six frames per row, instant scan.
Course Module Overviews
Generate a thumbnail grid per lesson for course landing pages or LMS thumbnails.
Director's Cut Storyboards
Pull 30 frames from a 2-minute cut for a single-image storyboard reference.
Stock Footage Previews
Standard format for stock footage marketplaces; this tool exports the same shape Storyblocks/Pond5 expect.
Documentation Screenshots
A grid is faster to scan than scrubbing through a video — useful for technical docs, training material, and meeting recaps.
Forum Post Previews
Many forums prefer a single preview image to an embedded video — a contact sheet shows the whole content in one frame.

How We Compare

Honest read on free, paid, and self-hosted options for this kind of job:

UDT Video Thumbnail Grid (this tool): Free, browser-based, FFmpeg.wasm tile filter. Customizable rows × cols, intervals, timestamps, labels. No upload, no watermark, no signup. Limitation: very long videos (1hr+) with high frame counts take significant memory; tile sizes above 100 thumbnails get slow.
mtn (Movie Thumbnailer) — desktop CLI: The classic Unix tool for this. Free, desktop, but command-line only — no preview, no live adjustment.
Video Screenshot Generator (online): Cloud-based; uploads required; file size limits on free tier.
FFmpeg CLI: Free, powerful, scriptable — but requires installing FFmpeg, learning the tile filter syntax, and running per-video commands. This browser tool is FFmpeg + a UI.
VLC — Snapshot at Regular Intervals: VLC can export frames at intervals as separate files; you then tile them in an image editor. Multi-step; works.
XnView (desktop): Has a contact-sheet feature for video files; free, desktop install.

Frequently Asked Questions

Is this thumbnail grid generator really free?+
Yes — completely free, no watermark, no time limits, no signup. The site is supported by ads elsewhere; the tool is unrestricted.
What's the difference between this and the Video Frame Extractor?+
Frame Extractor exports each frame as a separate PNG/JPG file in a zip. This tool tiles frames into a single composite image — useful when you want one preview image instead of N separate frames.
Are my videos uploaded anywhere?+
No. FFmpeg.wasm runs entirely in your browser. The 32MB engine downloads once and caches; after that, the tool works fully offline.
What's the largest grid I can generate?+
The tool caps at 100 thumbnails (e.g., 10×10) to keep browser memory in check. For larger sheets, split the video first using the Video Trimmer and process segments separately, or use a desktop FFmpeg install.
Can I add timestamps to each thumbnail?+
Yes — the 'Timestamps' option burns the timestamp (HH:MM:SS) into each thumbnail at the bottom-right corner. Font size is auto-scaled based on the thumbnail width.
JPG or PNG — which should I pick?+
JPG produces smaller files (good for embedding in markdown, sharing on forums, attaching to email). PNG preserves text overlays sharply and supports transparency (good for documentation and archives). For a 4×4 grid of 320px thumbnails, JPG is typically 250–500KB; PNG is 1–3MB.
Does the source video stay on my device?+
Yes. Everything — frame extraction, tiling, and final export — runs locally.
What's the underlying engine and license?+
FFmpeg.wasm v0.12.x with @ffmpeg/core v0.12.6 (tile, scale, drawtext filters built in). FFmpeg itself is LGPL-licensed; the wasm wrapper is MIT.