Video Editing

Best GIF Size and Frame Rate (Settings That Work)

The best GIF settings for READMEs, Slack, email, and Product Hunt: width, frame rate, length, and file size, in a table you can copy, with trade-offs.

A smartphone displaying social media app icons

The best GIF size and frame rate for most uses is 480 to 640 pixels wide at 10 to 12 frames per second, kept to 3 to 8 seconds and under 5 MB. That's sharp enough for text, smooth enough for UI motion, and light enough to load quickly. The MobileStudio Video to GIF tool uses these defaults and fits the GIF under the size limit you pick.

The short answer

UseWidthFrame rateLengthSize limit
GitHub README640 px10 to 12 fps3 to 8 sUnder 5 MB
Product Hunt640 px12 fps3 to 6 s5 MB
Slack, Teams, Discord480 px10 fps2 to 5 s1 to 5 MB
Email320 to 480 px8 to 10 fps2 to 4 sUnder 1 MB
Blog or docs page480 to 640 px10 fps3 to 6 sUnder 2 MB

What frame rate should a GIF be?

10 to 12 fps for most GIFs. Video is usually 30 fps, but GIFs don't need it: 10 fps already looks smooth for screen recordings, UI animations, and reactions, at a third of the frames. Use 15 to 16 fps only for fast motion like gameplay, and 8 fps when size is tight. The tool offers 8, 10, 12, and 16 fps.

What width should a GIF be?

480 px for general use, 640 px when there's text to read, 320 px for email and tiny chat previews. Every step up in width multiplies the pixels per frame. Wider than 800 px rarely makes sense for a GIF; use a video instead.

How long should a GIF be?

3 to 8 seconds. Long enough to show one action, short enough to stay small and keep attention. The tool allows up to 10 seconds. If you need longer, switch to MP4; see GIF vs MP4.

What file size should a GIF be?

Under 5 MB for READMEs and galleries, under 1 MB for email, and as small as you can for web pages, where heavy GIFs slow everything down. GitHub warns about files over 50 MiB, as it explains in About large files on GitHub, but a README GIF should be far smaller than that.

How do I make a GIF with these settings?

  1. Open Video to GIF.
  2. Drop in your video and set the Start and Length.
  3. Choose the Size target, Width, and Frame rate from the table above.
  4. Click Create GIF.

If the GIF is over the target, the tool rebuilds it at a smaller width or frame rate automatically. For more ways to shrink it, see how to make a GIF smaller.

How many colors should a GIF have?

GIF supports up to 256 colors per frame, as the Library of Congress notes in its GIF overview. Screen recordings and flat illustrations look great with 128 to 256. Photos and gradients band at any setting; that's the format's limit, not your settings.

Why does my GIF look choppy or blurry?

  • Choppy: the frame rate is too low for the motion. Try 12 or 16 fps.
  • Blurry: the source was shrunk too much. Record a smaller area, or use 640 px.
  • Grainy: the color palette is struggling. Shorter clips with fewer colors help, and FFmpeg's palette filters, described in the FFmpeg documentation, give cleaner results.

For screen recordings specifically, read how to turn a screen recording into a GIF.

Where MobileStudio fits

Video to GIF is one of our free tools. MobileStudio itself turns screen recordings into polished app demo videos with device frames and zooms. Get MobileStudio.

Quick FAQ

What's the best frame rate for a GIF?

10 to 12 fps for most GIFs.

What's the ideal GIF size?

480 to 640 px wide and under 5 MB.

Is 30 fps too much for a GIF?

Usually. It triples the frames compared with 10 fps for little visible gain.

How long should a GIF be?

3 to 8 seconds.

What's a good GIF size for email?

Under 1 MB, around 320 to 480 px wide.

gif settingsgif sizeframe rategif widthoptimization
Turn your screen recording into a polished app demo

Device frames, zooms, and backgrounds, edited right on your phone. Now on Google Play, iPhone coming soon.

Get MobileStudio