How to Optimize an Animated GIF for Size and Quality
GIF optimisation works best when you simplify the animation before reducing colours or accepting visible artefacts.
Read guide →Build an animated GIF from a sequence of images with control over frame delay, loop count, fit mode, and dithering.
Drop images here or click to browse
All images combine into one output.
Reviewed 2026-08-15
Frames are taken in the order you arrange them and encoded into a single animated GIF. Frame delay is set in milliseconds, so 150 gives roughly seven frames a second and 40 approaches the 25 frames a second that reads as smooth motion.
Images of different sizes have to be reconciled onto one canvas, and the fit mode decides how. Contain scales each frame to fit and fills the remainder with your background colour, which keeps the whole of every image. Cover fills the canvas and crops the overflow. Stretch distorts each frame to the exact dimensions, which is rarely what you want unless the aspect ratios already match.
Dithering is worth a mention because GIF allows only 256 colours per frame. With dithering on, the encoder scatters pixels between palette entries to simulate colours it does not have, which helps gradients and hurts flat graphics by adding visible noise. Leave it off for screenshots and diagrams, turn it on for photographs.
One hundred and fifty milliseconds is a comfortable default for step-by-step sequences. Drop to around 40 to 60 for motion that should look continuous, and go higher than 500 when each frame is something the viewer needs to read.
Turn it on for photographs and gradients, where it hides the limits of a 256 colour palette. Leave it off for screenshots, diagrams, and flat colour illustrations, where it just adds speckled noise.
No. The work happens in the page using the Canvas API and WebAssembly, so the file is read straight from your disk into the tab. Nothing is transmitted and there is no copy on a server to worry about.
The fit mode decides. Contain scales each frame to fit inside the canvas and pads with the background colour, cover fills the canvas and crops the excess, and stretch distorts each frame to the exact dimensions.
Set the loop count to 1. A value of 0 means loop forever, which is what most viewers expect from a GIF.
Browse every image tools, or jump straight to gif tools.
GIF optimisation works best when you simplify the animation before reducing colours or accepting visible artefacts.
Read guide →A careful HEIC-to-JPG workflow preserves the picture you need without accidentally sharing location data or repeatedly degrading the image.
Read guide →There is no universally best image format: photographs, interface graphics, archives, and web pages have different requirements.
Read guide →