What frame delay should I use for a GIF?

The GIF format stores the gap between frames in hundredths of a second, so every delay rounds to a 10ms step. 200ms per frame (5 fps) is the long-standing default across GIF makers and suits screenshot walkthroughs and slideshows. For motion that should look smooth, 100ms (10 fps) to 80ms (12.5 fps) reads better, and going past about 20 fps buys you very little while making the file much larger. Browsers ignore delays below 20ms and treat a delay of 0 as 100ms, so 50 fps is the practical ceiling no matter what you set.

In what order do the images from a ZIP become frames?

Images are sorted by filename using natural numeric ordering, so frame2.png comes before frame10.png rather than after it, which is what plain alphabetical sorting would do. Nested folders inside the archive are kept grouped together. Once the frames load you can drag any thumbnail to move it, and the numbered badge updates so you always know where it will land.

home / tools / images to gif

Images to GIF.

Drop in a ZIP of images or a pile of loose frames, drag the thumbnails into order, set how long each one sits on screen, then build an animated GIF. Frames are sorted numerically by filename to start with, so frame2 lands before frame10.

↓

Drop a ZIP or images here, or click to browse

ZIP · PNG, JPG, WebP, GIF, BMP, AVIF · drag thumbnails to reorder

// max size (longest edge) // when frames differ in size // letterbox background

// frame rate

// frame delay

// quality // loop // output file name

Download GIF

// GIF encoding by modern-gif v2.1.0 (MIT) · ZIP unpacking by fflate v0.8.2 (MIT) · drag-to-reorder by SortableJS v1.15.2 (MIT)

// frame order, delay, and quality explained

Order. Images are sorted by filename with numeric awareness, so frame2.png comes before frame10.png instead of after it. Folders nested inside a ZIP stay grouped. Drag any thumbnail to move it; the numbered badge updates so you always know which frame it'll be. Click the × to drop a frame before building.

Delay. GIF stores the gap between frames in hundredths of a second, so every value here rounds to a 10 ms step. The frame rate dropdown sets the delay on every frame at once; the box under each thumbnail overrides just that one, which is how you hold on a title card while the rest of the sequence runs fast. Browsers ignore delays under 20 ms and treat a delay of 0 as 100 ms, so 50 fps is the real ceiling.

High (255 colors, dithered): best for photos and gradients, largest file.
Balanced (128 colors, dithered): a good default for screen recordings and UI walkthroughs.
Small file (64 colors, no dither): best for flat illustration, line art, and logos, where dithering just adds noise and bytes.

Size. The first frame sets the canvas; every later frame is fitted into it, letterboxed, cropped, or stretched depending on the setting above. Capping the longest edge is the single biggest lever on output size, well ahead of the color count.

Privacy: the archive is unpacked in memory with fflate and the GIF is encoded in your browser with modern-gif. Nothing is uploaded, and closing the tab clears everything.

Related: need the frames smaller first? Image Compressor shrinks a batch in place, and Image Converter moves between JPG, PNG, and WebP.

// a free, browser-only tool by Tiempo Software, built in Omaha, Nebraska. Runs entirely in your browser; nothing you enter is uploaded. see all tools.