Frame Extractor
Extract individual frames from videos as high-quality images. Save specific moments as JPG or PNG files. Perfect for thumbnails & screenshots.
Supports MP4, WebM, AVI, GIF, etc.
About Frame Extractor
Free Online Tool
Video Frame Extractor
Scrub to any timestamp, capture the exact frame you need, and save as many still images as you want — all from a single video upload.
How to Use This Tool (30 Seconds)
- 1Upload Your Video: Click the upload zone and select your file. MP4, MOV, AVI, and WebM are supported. The video loads directly into the browser — nothing is sent to a server.
- 2Scrub to Your Target Timestamp: Drag the timeline slider or type an exact timestamp (HH:MM:SS) to navigate to the precise moment you want to capture.
- 3Extract the Frame: Hit 'Extract Frame.' The current video frame is captured instantly and added to your saved frames gallery below the player.
- 4Repeat for Multiple Frames: Move the slider to a new timestamp and extract again. Collect as many frames as needed from the same video without re-uploading.
- 5Download Your Frames: Save individual frames as PNG or JPG, or download all extracted frames as a ZIP file in one click.
How Frame Extraction Works
Every video is a sequence of still images displayed at a fixed frame rate (FPS). To extract a frame at a specific timestamp, the tool calculates the exact frame index using this formula:
// Frame index at a given timestamp
frameIndex = timestamp (seconds) × FPS
// Example: frame at 1:23 in a 30fps video
frameIndex = 83s × 30 = frame 2,490
// Pixel data drawn from the video element
canvas.drawImage(videoElement, 0, 0, width, height)
imageData = canvas.toDataURL("image/png")
The browser's Canvas API renders the video frame at the seeked timestamp onto an invisible canvas element, then reads the raw pixel data and converts it to a downloadable PNG or JPG — all client-side, with no upload to any external server.
PNG vs JPG — Which Format to Save Your Frames In
| Property | PNG | JPG |
|---|---|---|
| Compression | Lossless — no pixel data lost | Lossy — some detail sacrificed |
| File Size | Larger (2–5× bigger than JPG) | Smaller, faster to share |
| Best For | Design assets, thumbnails, editing | Web use, previews, social posts |
| Transparency | Supported | Not supported |
| Quality After Edit | Stays sharp through multiple saves | Degrades with each re-save |
Rule of thumb: save as PNG if the frame will be edited or used in design work. Use JPG if you just need a quick preview or are sharing online.
⚡ Pro Tip
Most people extract frames by eye — they scrub and guess. For precision work, calculate your target timestamp from the frame number directly: timestamp = frameNumber ÷ FPS. If you need frame 450 from a 24fps video, seek to exactly 18.75 seconds. Check your video's FPS by right-clicking the file and viewing properties, or use a tool like MediaInfo. This matters most when extracting frames for subtitles, motion graphics sync, or forensic review where being one frame off changes the result entirely.
Frequently Asked Questions
Q: What image quality do extracted frames have?
Extracted frames match the native resolution of your source video. A 1080p video produces 1920×1080 px frames. The Canvas API captures the full pixel data at that resolution with no additional compression applied when saving as PNG.
Q: Can I extract multiple frames from the same video?
Yes. You can scrub to any timestamp and extract as many frames as you need without re-uploading the video. All captured frames appear in the gallery and can be downloaded individually or as a single ZIP.
Q: Why does my extracted frame look blurry or blocky?
This is caused by video compression artifacts in the source file — particularly in fast-motion scenes where codecs like H.264 use predictive encoding between keyframes. The extracted image reflects exactly what's encoded at that timestamp. Re-encoding the source at a higher bitrate before extracting will improve frame clarity.
Q: What is the most accurate way to land on an exact frame?
Type the timestamp manually in HH:MM:SS format rather than dragging the slider. For sub-second precision, use the formula frameNumber ÷ FPS to calculate the exact decimal timestamp and enter it directly.
Q: Does the tool work with 4K or high-resolution videos?
Yes, though very large files may take longer to seek accurately in-browser. For 4K files above 500MB, scrubbing performance depends on your device's processing power. Chrome and Edge handle large video files more efficiently than other browsers.
Q: Are my uploaded videos stored on a server?
No. Frame extraction runs entirely in your browser using the Canvas API. Your video file never leaves your device, making this tool safe for confidential footage, private recordings, or proprietary content.
Q: Can I use extracted frames as YouTube thumbnails?
Yes — this is one of the most common uses. Extract the frame at your best visual moment, save as PNG for maximum quality, then upload directly as a custom thumbnail. Frames from 1080p video already meet YouTube's recommended thumbnail resolution of 1280×720 or higher.