- Before Converting: GIF Size Reality Check
- Method 1: FFmpeg (Best Quality)
- Method 2: ezgif.com (Online, No Installation)
- Method 3: LICEcap (Screen-Direct GIF Recording)
- Method 4: Photoshop (Most Control)
- GIF Optimization: Reducing File Size After Conversion
- When to Use MP4 Instead of GIF
- Frequently Asked Questions
- Before Converting: GIF Size Reality Check
- Method 1: FFmpeg (Best Quality)
- Method 2: ezgif.com (Online, No Installation)
- Method 3: LICEcap (Screen-Direct GIF Recording)
- Method 4: Photoshop (Most Control)
- GIF Optimization: Reducing File Size After Conversion
- When to Use MP4 Instead of GIF
- Frequently Asked Questions
GIFs remain useful for documentation, GitHub READMEs, bug reports, tutorial snippets, and anywhere that needs an animation that plays automatically without a video player. Converting a screen recording to GIF looks simple — but getting a good quality result at a reasonable file size requires knowing the right technique. This guide covers the best methods from simple to advanced.
Record the Source Content First
Screen Recorder Pro captures clean WebM or MP4 files that convert perfectly to GIF. Record in the browser, then convert using the methods in this guide.
Add to Chrome — FreeBefore Converting: GIF Size Reality Check
Understanding GIF file sizes before you start prevents the frustrating experience of waiting for a conversion only to get a 200 MB file that won't upload anywhere.
| Resolution | FPS | Duration | Approx. GIF Size |
|---|---|---|---|
| 1280×720 | 30 | 5 sec | 60–120 MB |
| 1280×720 | 15 | 5 sec | 30–60 MB |
| 640×360 | 15 | 5 sec | 5–15 MB |
| 480×270 | 15 | 5 sec | 2–6 MB |
| 480×270 | 10 | 5 sec | 1–4 MB |
| 320×180 | 10 | 5 sec | 0.5–2 MB |
The table makes clear: if you want a usable GIF (under 10 MB for typical upload limits), you need to reduce both resolution and frame rate from your original recording. For anything over 10 seconds, consider whether a looping MP4 would work better.
Method 1: FFmpeg (Best Quality)
FFmpeg's two-pass approach generates a color palette optimized for your specific clip, then uses it to create the GIF. This produces dramatically better quality than single-pass conversion — especially for UI content with flat colors and text.
Installing FFmpeg
- Windows:
winget install Gyan.FFmpegor download from ffmpeg.org - Mac:
brew install ffmpeg - Linux:
sudo apt install ffmpeg
The Two-Pass GIF Command
ffmpeg -i input.mp4 -vf "fps=15,scale=480:-1:flags=lanczos,palettegen" palette.pngThis analyzes your video and creates an optimized 256-color palette. The
lanczos flag uses a high-quality scaling algorithm.
ffmpeg -i input.mp4 -i palette.png -vf "fps=15,scale=480:-1:flags=lanczos,paletteuse" output.gifThis creates the final GIF using the palette from step 1. The result is better quality than a standard single-command conversion.
One-Line Combined Command
Combining both steps in a single command (using filtergraph):
ffmpeg -i input.mp4 -vf "fps=15,scale=480:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse" output.gif
Adjusting Parameters
- fps=15 — Frame rate. Lower (10) = smaller file, less smooth. Higher (24) = smoother, larger.
- scale=480:-1 — Width 480px, height calculated proportionally. Change 480 to your desired width.
- Trim to a section: Add
-ss 00:00:02 -t 00:00:05before-i input.mp4to start at 2 seconds and capture 5 seconds.
Complete Example with Trim
ffmpeg -ss 00:00:03 -t 00:00:06 -i input.mp4 -vf "fps=12,scale=640:-1:flags=lanczos,split[s0][s1];[s0]palettegen[p];[s1][p]paletteuse" trimmed-output.gif
This takes a 6-second clip starting at the 3-second mark, scales to 640px wide, at 12 fps.
Method 2: ezgif.com (Online, No Installation)
For occasional conversions without installing software, ezgif.com is the best online option:
Method 3: LICEcap (Screen-Direct GIF Recording)
LICEcap records your screen directly to GIF — no conversion step needed. Instead of recording to MP4 first, you capture GIF directly:
- Download from:
cockos.com/licecap/(Windows and Mac, free) - Define a capture region, set FPS, click Record
- Produces a GIF directly without intermediate video file
Best for: Very short UI demonstrations (under 5 seconds) where you know exactly what you want. Not suitable for longer content or if you need to edit before converting.
Method 4: Photoshop (Most Control)
For GIFs that need precise color control, frame selection, or frame-by-frame editing:
GIF Optimization: Reducing File Size After Conversion
If your GIF is larger than needed, improve it without re-converting from the source:
gifsicle (Command Line, Free)
gifsicle --improve=3 --lossy=80 -o output-optimized.gif input.gif
The --lossy=80 flag enables lossy compression (similar to JPEG's quality concept for GIF). Values 30–100 work well — higher is more lossy/smaller. --improve=3 applies the most thorough lossless optimization first.
ezgif improve
Upload existing GIF to ezgif.com/improve. Choose "Lossy GIF" with compression level 80 as a starting point. Compare before/after file sizes.
When to Use MP4 Instead of GIF
Most modern platforms support short looping MP4 videos. Consider using MP4 instead of GIF when:
- The clip is over 5 seconds (GIF becomes very large)
- The platform supports video (GitHub, Slack, Discord, Notion all do)
- Audio matters (GIF has no audio)
- Color accuracy matters (GIF is limited to 256 colors)
For a 480px, 10-second clip: as MP4 it's typically 0.2–0.5 MB. As GIF it's 8–25 MB. Using <video autoplay loop muted playsinline> on a web page gives identical visual behavior to a GIF at a fraction of the file size.
Record Clean Source Material First
The best GIFs start with the best recordings. Screen Recorder Pro captures crisp browser content that converts cleanly to GIF with good color rendering.
Add to Chrome — FreeFrequently Asked Questions
How do I convert a screen recording to GIF?
Best quality: use FFmpeg's two-pass palette command (see above). Quick online option: upload to ezgif.com/video-to-gif. Set width to 480px, FPS to 15, and keep the clip under 6 seconds for manageable file sizes. Run gifsicle or ezgif's optimizer afterward for smaller output.
Why is my screen recording GIF so large?
GIF file size grows quickly with resolution, frame rate, and duration. The fixes: reduce output width (480px instead of 1280px), lower frame rate (10–15 fps instead of 30), and trim to under 6 seconds. A 5-second, 480px, 15fps GIF is typically 1–5 MB. The same clip at full 1280px, 30fps would be 50–100 MB.
Should I use GIF or MP4 for sharing short screen recordings?
For modern platforms (GitHub, Slack, Notion, Discord), a short looping MP4 is better: 10–50x smaller file size, better quality, optional audio. Use GIF only when the target platform doesn't support video, or when you specifically need the ubiquitous auto-play behavior GIF provides in old email clients or CMS systems.
What's the maximum duration for a good GIF?
Keep GIFs under 5–8 seconds. Beyond that, file sizes become impractically large (50+ MB) and loops become more distracting than informative. For longer content, use a short MP4 with autoplay and loop attributes instead — identical behavior, fraction of the size.
How do I make a looping GIF from a screen recording?
GIFs loop by default — no special setting is needed for looping. FFmpeg's output GIF will loop automatically. For a smooth$1 loop, find a section of your recording where the ending state visually matches the beginning state, and trim to that section before converting.
More Free Chrome Tools by Peak Productivity
