b2KIT

Video Frame Extractor

Extract all frames from a video as individual PNG images at configurable intervals.

Tested tool guide Tested browser tools Checked August 16, 2026

What Video Frame Extractor does, with a checked example

Load a video file and this page decodes it, walks its timeline in steps of the interval you choose - one frame every 5 seconds, say - and saves each selected frame as a PNG image. The video is decoded in the browser, so it never leaves your device. The surprise is the word 'all': a clip plays 24-60 frames per second, so 'all frames' would mean thousands of images. What you actually get is one image per interval step. That is usually the right output, but the count climbs fast: a 10-minute clip at one frame per second produces 600 PNGs.

Worked example

A concrete input and expected output from the current implementation.

Input

A 65-second clip, with the interval set to one frame every 30 seconds.

Expected output

3 PNG images showing the video at the 0, 30, and 60 second marks.

The first frame at 0 seconds is always taken, then one frame per interval: 30 and 60 seconds. The next step, 90 seconds, lies past the end of the 65-second clip, so extraction stops with 3 images.

How the result is produced

1

Interval sampling

The tool reads the clip's duration, then steps through it at the interval you set, capturing one frame per step: the first frame at 0 seconds, then at 1x, 2x, and 3x the interval, and so on, stopping before the next step would pass the end. The image count is therefore the duration divided by the interval, rounded down, plus one.

2

Browser-side decoding

The page hands the file to the browser's built-in video decoder and draws each selected frame onto a canvas, which is exported as a PNG. Nothing is uploaded, so long or private recordings stay on the machine and the page works offline. Which formats decode depends on the browser: H.264 in MP4 plays almost everywhere, while codecs such as HEVC or AV1 depend on the browser and operating system.

Good uses

  • Review a long recording - a lecture, webinar, or security feed - as stills: sample at one image per minute and skim the contact sheet instead of scrubbing the timeline.
  • Storyboard or animatic a shoot: extract a frame every couple of seconds from the raw footage to lay out the action as a sequence of PNGs.
  • Feed frames into analysis or labeling work, such as object detection, timelapse comparison, or dataset construction, where a regular time spacing matters more than a re-encoded video.

Limits and checks

  • No frame-accurate targeting. Sampling works by time, not frame index, and browser seeking is not frame-accurate, so the still you get can be a few frames off the moment you aimed at. To catch one specific instant, extract at a fine interval and keep the closest image.
  • Counts and sizes grow without warning. Duration divided by interval decides the count, and a full-resolution 1080p PNG is typically 1-4 MB, so a 2-hour clip at one frame per second yields roughly 7,200 images and can exceed 10 GB of disk.
  • Unchanging scenes produce duplicates. If nothing moves between steps, consecutive images can be pixel-identical: a 1-hour fixed-camera recording at one frame per second gives about 3,600 near-duplicate PNGs. Coarsen the interval to the fastest change you care about.

Common questions

How many images will my video produce?

About the duration divided by the interval, plus the first frame. A 65-second clip at one frame every 2 seconds gives 33 images, at the 0, 2, 4, ... 64 second marks. If the count seems off, check the units of your interval - one frame every 10 seconds and 10 frames per second are not the same setting.

Is my video uploaded to a server?

No. Decoding and PNG export happen entirely in the browser, so the file never leaves the device and the tool works offline. The practical limit is local: each PNG is written to your machine, and thousands of full-resolution stills can fill a drive quickly.

References and verification

The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.

Related Tools