GIF Animation Studio - Edit Frames & Create GIFs

Frame library

Build an animation one moment at a time.

Video → GIF · Local conversion

Use a short browser-decodable video, choose a time range and sampling rate; audio is not included in GIF.

In (s)Out (s)FPS

Limit: 12 seconds / 80 sampled frames / 80 MB input. Conversion is local, sequential and cancellable.

PNG, JPEG, WebP and animated GIF. Import multiple images at once. Animated GIFs are decoded in a local background worker, including timing and transparency. You can cancel imports without changing existing frames.

Timeline0.0 s

Select frames using Shift/Ctrl-click.

Timeline tools

From frame To frame

Multi-frame tools

Set delay (ms)Speed multiplier

Undo available. Combining only affects consecutive frames with exactly matching stored pixels and a combined delay ≤ 10 seconds.

LIVE FRAME EDITOR640 × 360

Draw directly on the selected frame · Each edit supports Undo/Redo

00:00 / 00:00

Preview speed

Animation settings

Control dimensions, timing and output.

Selected frame

▣

No frame yet

Add a blank frame or import images to begin.

Canvas size

Width Height

Keep aspect ratioResize artwork

Resizing scales artwork. Cropping removes the area outside your selection.

Animation output

Repeat Preserve transparent backgroundBackground

GIF is limited to 256 colors and 1-bit transparency. Preview speed changes playback only until you apply it to frame timing above.

GIF color quality

Color palette Ordered dithering (adaptive palette)

Adaptive mode analyzes colors across the animation and can use more processing time. GIF remains limited to 256 colors and binary transparency.

Export options

Built for the browser

Draw and process locally. Animated GIFs are decoded locally; PNG/JPEG/WebP images import as single frames. Very large animations are limited to prevent tab crashes.

Using GIF Animation Studio

Import a GIF, image frames or a short browser-decodable video, adjust timing, edit artwork and bulk-edit selected frames on the timeline. Preview the animation, then export a GIF or image and keep an editable JSON project for further changes.

GIF color and transparency are quantized, and frame, pixel and memory budgets apply. Module workers are required for the supplied import and export paths. Browser recovery is best effort; keep project backups. Export playback can differ across GIF viewers.

Choose an animated GIF, frame image or editing backup

GIF: export the supported frame sequence and timings, within the frame/pixel budget.
Frame PNG: share the selected still frame.
Sprite sheet: combine frame artwork into an image for a separate workflow; this is not the editable timeline.
Project JSON: preserve the supported frame artwork and timing for later changes.

Practice: compare two frame durations

Import two small pictures you own as frames.
Give the frames different durations and preview the sequence before exporting.
Save the editable project, then inspect the exported GIF in its intended viewer for timing, colors and transparency.

This is an authored animation exercise, not a supplied GIF or a measured playback result.

GIF editing questions

Why can the exported GIF look different from the source images?

GIF export quantizes colors and transparency. Palette limits and viewer timing behavior can change the appearance or playback. Keep original images and project JSON independently.

Why can an import or export fail on a large animation?

The selected implementation uses module workers and bounded frame, pixel and memory budgets. Reduce dimensions or frames and check browser Worker support. Browser recovery is separate from an editable downloaded backup.

Using GIF Animation Studio

Choose an animated GIF, frame image or editing backup

Practice: compare two frame durations

GIF editing questions

Related tools