Resizing a GIF badly is easy: blurry edges, wobbly pixel art, broken animation.
Resizing it well comes down to three choices.
The filter, the target size and the order you do things in.
First: resize every frame together
An animated GIF is a stack of frames, often stored as partial updates. Resizing only the visible frame in a photo editor, or flattening the stack, breaks the animation.
A proper GIF resizer scales every frame by exactly the same amount and keeps the delays and loop. Resize GIF does this with gifsicle and re-optimizes the result.
Choosing a scaling filter
| Filter | Best for | Look |
|---|---|---|
| Lanczos | Photos, video clips, screen recordings | Sharpest, may ring slightly on hard edges |
| Catmull-Rom | Text, interfaces, diagrams | Crisp with fewer halos |
| Smooth (bilinear) | Noisy or grainy footage | Soft, hides artifacts |
| Nearest neighbor | Pixel art, sprites, retro graphics | Hard pixel edges, no blending |
When in doubt, use Lanczos for anything photographic and nearest neighbor for anything drawn pixel by pixel.
Pixel art needs whole numbers
Nearest neighbor copies pixels instead of blending them. At 200% every pixel becomes a perfect 2 x 2 block.
At 150%, some pixels become two wide and others one, and the art looks uneven. Stick to 200%, 300% or 400% when enlarging pixel art, and 50% when shrinking it.
Keep the aspect ratio
Stretching a GIF to a different shape distorts everything in it. Enter only the width or only the height and let the other side follow.
If you need a different shape, such as a square, crop to that shape with Crop GIF first, then resize. You choose what stays in frame and nothing gets squashed.
Enlarging: know the limits
No filter can invent detail that was never captured. Enlarging spreads existing pixels over a larger area, so the result is smooth but soft.
Up to about 2x, a good filter plus light sharpening looks clean. The GIF Upscaler combines Lanczos, bicubic or spline scaling with sharpening and denoise for this, up to 2.5x.
Shrinking: the easy win
Shrinking almost always looks good and cuts file size dramatically, because data scales with pixel area. In our tests, halving the width of a 303 KB GIF brought it to 139 KB before any other compression.
Size the GIF to how it will be shown. Doubling the width only for high-density screens quadruples the data, which is rarely worth it for a GIF.
The best order of operations
- Crop to the subject.
- Resize to the display size.
- Adjust colors or sharpness with the GIF Enhancer if needed.
- Compress last.
Each step works with less data than the previous one, and colors are reduced only once, at the end. For more size-saving techniques, see How to Reduce GIF File Size: 9 Methods That Actually Work.
Frequently asked questions
Can you resize a GIF without any quality loss?
Only in special cases: scaling pixel art up by a whole number with nearest-neighbor scaling, or rotating and cropping. Any other resize creates new pixels, but with the right filter the loss is invisible at normal viewing size.
Why did my GIF get larger after shrinking it?
Smooth filters create in-between colors, and the encoder may not optimize the new frames well. Re-compress the result with Compress GIF, or use nearest neighbor for flat graphics.
What size should a GIF be for a website?
The width it is displayed at, or up to twice that if you want it crisp on high-density screens and the file size allows. A GIF shown 600 pixels wide rarely needs to be larger than 600-1200 pixels.