Video Thumbnail Generator
Scrub to any moment in a video and export that frame as a PNG or JPG image — processed entirely in your browser.
Loading tool...
How the Video Thumbnail Generator works
This tool loads your video into a hidden HTML5 <video> element entirely in your browser — nothing is uploaded to a server. Dragging the timeline slider seeks the video to that exact timestamp; once the browser reports the frame is ready (the seeked event), the current frame is drawn onto a <canvas> using drawImage. Clicking "Capture frame" exports that canvas as a PNG (lossless, larger file) or JPG (adjustable quality, smaller file) using canvas.toBlob, ready to download.
This is useful for picking a custom thumbnail for a video upload, grabbing a preview image for a blog post or social share, or extracting a single still from a screen recording. Supported video formats depend on your browser's built-in decoders — MP4 (H.264) and WebM work in virtually every modern browser.
Built and maintained by Meet Shah · Last updated
What this tool is used for
- Grabbing a specific frame as a poster image for a video player.
- Capturing a moment from a screen recording to illustrate a bug report.
- Producing a thumbnail that shows the subject rather than a black opening frame.
- Extracting a still for a social preview.
- Getting an exact frame for documentation without a video editor.
Frequently Asked Questions
- How is a frame extracted?
- The video is loaded into a `<video>` element, seeked to the chosen time, and that frame is drawn onto a canvas. Nothing is uploaded — the file is read locally, which matters because video files are large and often private.
- Why can I not seek to an arbitrary frame precisely?
- Because seeking lands on the nearest keyframe unless the container supports finer indexing. A video encoded with keyframes every ten seconds cannot be seeked to a specific frame between them without decoding forward from the last one.
- Which formats can the browser open?
- Whatever it has a decoder for — MP4/H.264 and WebM effectively everywhere, HEVC and AV1 unevenly. A file the browser will not play produces no frames at all, which is a codec limitation rather than a problem with the file.
- What makes a good thumbnail?
- A frame with a clear subject, no motion blur and no mid-word mouth shape if a person is speaking. Automated selection at a fixed timestamp frequently catches a transition or a black frame, which is why choosing manually is usually worth the minute.
- What size should the thumbnail be?
- 1280×720 covers YouTube's recommendation and downsizes cleanly for everywhere else. Exporting at the video's own resolution is fine too — the constraint is usually the platform's file size cap rather than the dimensions.
Common errors and gotchas
- Picking the first frame, which is often black or a fade and makes a poor thumbnail.
- Exporting as JPEG for a frame containing text or UI, where PNG stays sharper.
- Assuming the exported frame matches the display size, when the video's intrinsic resolution may differ.
- Overlooking that a browser cannot decode every codec, so some files will not scrub at all.
- Capturing a frame mid-motion, which is blurred in the source rather than by the export.