A GIF captures a looping moment — someone's reaction, a product doing something interesting, a short tutorial step — in a format that plays automatically in emails, Slack messages, and most websites without any interaction from the viewer. The catch is that GIF files get large quickly, which makes the settings you choose matter.
How to Create a GIF From a Video
- Open Video to GIF.
- Upload the video clip.
- Choose the start and end points for the section you want.
- Set the size and frame rate.
- Download the GIF.
Settings That Matter
- Duration: keep it short. Under 4 seconds is ideal; 6 seconds is a practical maximum before file size becomes a problem.
- Dimensions: smaller is lighter. 480 pixels wide is often enough for a product demo or meme; 640 is a common maximum.
- Frame rate: 15 fps for most content; 10 fps if the file is still too large.
A 4-second clip at 480 pixels and 15 fps typically produces a file of a few MB — workable for most platforms.
When GIF Works Well
| Use | Why GIF fits |
|---|---|
| Documentation screenshot with motion | Shows a multi-step action automatically |
| Product demo on a landing page | Plays without a play button being pressed |
| Reactions and memes | Format expectation in those contexts |
| Email with a simple animation | Many email clients don't support video; GIF often works |
When a Short Video Loop Is Better
GIF's colour limit and size make it a poor choice for footage with complex colour, gradients or fine detail. A looping MP4 (with loop and autoplay HTML attributes, or a social platform that loops automatically) often looks far better at half the size:
- Any footage with skin tones, sky, or photographic content — colour banding is noticeable.
- Clips longer than a few seconds.
- Posts on platforms that support video but not GIF (YouTube, Instagram Stories).
For comparing the two formats in more detail, see GIF vs short video: which is better for your website.
Keeping the File Manageable
The most reliable way to keep a GIF under a target file size is to reduce its dimensions and duration. Reducing frame rate helps, but has a more visible impact on smoothness. Always check the output file size before embedding or sending — a 20 MB GIF in an email is a worse experience than a short looping video.
Colour Accuracy in GIFs
GIF's 256-colour limit creates visible problems with photographs, skin tones and smooth gradients — the limited palette forces blocks of similar colours to the same value, producing a "posterised" look. For simple, flat-colour content — software UI, simple logos, icon animations — 256 colours is usually sufficient and the GIF looks clean. For footage with natural colour, a short looping video is almost always the better choice. The comparison is covered in detail in GIF vs short video: which is better for your website.
Tools for Embedding the Resulting GIF
Once created, embed the GIF in a web page with a standard <img> tag — no special code required. For documents, most modern word processors and presentation apps support inserting animated GIFs, though they may not preview the animation in editing mode; the animation usually shows in presentation or PDF export. Use Image Compress if the GIF needs to be smaller for an email or limited-size upload slot.
