Use case
A product demo GIF that sells in ten seconds
A short loop of your product’s best trick plays by itself on a landing page, in an email or a launch post.
How to · 3 steps
Step by step
- 1
Record the one flow
Pick your product’s tab and do the job once, slowly.
- 2
Zoom and frame it
Add a Zoom on the key click, a Background, and a short Text caption.
- 3
Export for where it’s going
Pick X, LinkedIn, Product Hunt or email and Lazygif fits the limit.
One problem, solved, in under 15 seconds
Show the before, the action and the after, then hold the after for a second. Aim for 8–15 seconds; for more, make one GIF per feature.
Record so it looks good small
Demo GIFs are seen at 600–800 px wide.
- Record one tab or a smaller window, not a full Retina screen.
- Use realistic sample data, and hide bookmarks and notifications.
- Pause before each click.
- Start on a frame that works as a still, for Outlook and slow loads.
| Platform | Max GIF size | Lazygif preset |
|---|---|---|
X (Twitter) | 15 MB | 800px · 15 fps · ≤ 13.8 MB |
LinkedIn | 5 MB | 720px · 12 fps · ≤ 4.6 MB |
Product Hunt | 3 MB | 1270px · 12 fps · ≤ 2.76 MB |
Email (Gmail, Outlook, Apple Mail) | No fixed limit | 600px · 10 fps · ≤ 922 KB |
FAQ
Questions, answered
How long should a product demo GIF be?
8–15 seconds per feature. For a full walkthrough, export MP4.
Why does my demo GIF look blurry?
A large screen was shrunk too far. Record a smaller window and zoom into the action.
Can I put a GIF on my landing page?
Yes, as an image. Keep it a few MB; for longer demos a muted looping MP4 is lighter.
Related
Keep going
- Feature announcementsA good launch GIF shows one thing changing, readable without sound or a click. Record it, frame it, and export it sized for where you’re posting.
X · 15 MB - Product Hunt galleryProduct Hunt recommends 1270×760 for gallery images and requires each one, GIFs included, to be under 3 MB.
Product Hunt · 3 MB - Email GIFsVideo doesn’t play in email; GIFs mostly do. The exceptions are predictable, so design around them.
Email · ≤ 0.9 MB - Zoom recordingZoom in smoothly on the button, menu or line of text that matters, then back out. Free, no watermark, nothing uploaded.
GitHub issues & PRs · 10 MB - Screen recorderRecord your screen and get a clean GIF, right in your browser. Free, no watermark, nothing uploaded.
GitHub issues & PRs · 10 MB
Make your first GIF now.
Record your screen or drop in a video. Free, no watermark, nothing uploaded.