ANIMATION COMPARISON · 1.0.0

GIF Comparison Viewer

Inspect two animations side by side with synchronized playback, shared scrubbing, frame stepping, timing and file-size reports.

1. Open two GIFs

GIF AGIF B

Each GIF: up to 10 MiB, 240 frames, 2,048 pixels per edge and a 60-second cycle. Combined decoded frames are limited to 32 million pixels. Requires ImageDecoder support; no uploads.

Choose two GIFs or try the demo pair.

2. Compare frames & motion

A · reference

No GIF loaded.

B · comparison

No GIF loaded.

SynchronizationPlayback speed

Shared comparison position

Elapsed-time mode uses one clock and repeats shorter cycles. Progress mode aligns each GIF’s own cycle from beginning to end. Source repeat counts are ignored and frame delays normalize to a minimum of 20 ms. Both images fit the same preview box without stretching.

3. Save the comparison

The PNG is a still image containing the two currently displayed frames at 512 × 512 pixels per side, with transparent margins. It is not an exported animation. Timing and file size alone do not measure perceptual quality.

Using GIF Comparison Viewer

Compare two GIFs with a shared playback clock, cycle-progress synchronization, frame stepping, timing reports and side-by-side PNG snapshots.

Choose reference GIF A and comparison GIF B, or load the demo pair.
Choose elapsed-time or cycle-progress synchronization. Scrub, step reference frames or play both at your selected speed.
Inspect dimensions, frame timing and file size, then export the current pair as PNG or the timing data as JSON.

Example

A has a one-second cycle and B a two-second cycle.
Elapsed-time mode plays A twice while B plays once. Cycle-progress mode aligns their beginnings and ends, changing their relative preview speeds.

Questions & answers

Are GIFs uploaded?

No. Validation, ImageDecoder frame decoding and exports run in your browser.

How does elapsed-time synchronization work?

The comparison cycle is the longer GIF duration. Both advance by elapsed time and shorter GIFs loop as needed.

What does cycle-progress mode do?

It maps the same percentage onto each GIF’s own duration, aligning their starts and ends. This is useful for comparison but changes relative playback speed.

Are original loop counts followed?

No. The comparison preview deliberately repeats animations together. The report retains the parsed source repeat settings.

Does the PNG export contain animation?

No. It contains the two displayed still frames in a 1024 by 512 pixel comparison image, with aspect-ratio-preserving fitting and transparent margins.

What are the limits?

Up to 10 MiB, 240 frames and 60 seconds per GIF; 2,048 pixels per edge and 32 million decoded pixels across the pair. Browser ImageDecoder support is required.