Generate a grid of thumbnails from a video at regular intervals for quick content overview.
Pick a local video file, and the tool walks the whole duration at even steps, grabs one frame per step, and lays the frames out in a rectangular grid you can save as a single image. The sampling is by the clock, not by content: a one-hour recording with a 4x3 grid gives one frame every five minutes, so several near-identical tiles from a static shot are expected, not a fault. The video is decoded in your browser and never leaves your machine, which also means the tool can only handle formats your browser can play.
The tool divides the clip's duration by the number of thumbnails in the requested grid and visits each evenly spaced timestamp in order. Seeking in a browser video is asynchronous: the media element signals that a new position is ready with a 'seeked' event before a frame can be captured. With many tiles the seeks run one after another, so dense grids on long videos take noticeable time.
Each captured frame is drawn into its own cell of a single off-screen canvas sized to the requested columns and rows, and the finished canvas becomes a downloadable image. The whole job happens locally - the browser decodes the video and sends no data anywhere. Sheet pixel size is the cell size times the number of cells per row and column, so dense grids produce large images.
No. The file is decoded and processed entirely in your browser, and the sheet is assembled on your device, so nothing is uploaded or transmitted. Because all decoding happens locally, processing time scales with your hardware - a very long or high-resolution file can take a while.
Because the tool takes frames at fixed intervals and knows nothing about the content. A static scene repeats, and action is only caught if a sample point happens to land on it. Tiles are also the closest frame the decoder can produce, not the exact frame at the timestamp. For frame-accurate capture, use an editor or a command-line tool such as ffmpeg's fps and tile filters.
The behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.
Preview how screen colors translate to print with CMYK simulation and proofing.
Preview any Google Font at various sizes, weights, and with custom sample text.
Create linear, radial, and conic CSS gradients with a visual editor and code output.
Generate harmonious color palettes from a base color using color theory rules.
Simulate how colors appear to people with various types of color vision deficiency.