Vidlora guide

How to create a GIF from a video

A GIF is a looping animation made from a series of still images, limited to 256 colours per frame, with no sound and very old compression. That makes it easy to share but surprisingly heavy: a three-second clip can be larger than a minute of ordinary video. This guide explains how conversion works, how to control size with duration, frame rate and width, how to keep the picture looking decent, and when an MP4 or WebM loop is the smarter choice.

7 minute read

What a GIF really is

The GIF format dates from 1987. It stores each frame as an indexed image with a palette of up to 256 colours and compresses it with LZW, a lossless method designed for simple graphics, not photographs. There is no motion prediction between frames like modern video codecs use, so every frame costs nearly as much as a still image. There is also no audio. GIF survives because it plays everywhere without a player: in chat apps, email, documents and web pages, it autoplays and loops. Understanding these limits explains the practical rules: keep clips short, small and low in frame rate, and expect colour banding in gradients and skin tones when the source is a photographic video.

Start with a short, focused clip

Duration multiplies everything. A GIF at 480 pixels wide and 10 fps typically uses 50 to 150 KB per frame depending on content, so a 3-second clip with 30 frames lands between 1.5 and 4.5 MB, and a 10-second clip between 5 and 15 MB. Many platforms limit GIF uploads to 5 to 15 MB. Pick the moment that carries the idea, usually two to five seconds, and trim the rest before converting. Choose a clip that loops naturally, such as a repeated motion, or one with a clear start and end. Avoid fades, heavy camera shake and dark scenes, which look poor in 256 colours and bloat the file. A tight clip is both smaller and more effective.

Frame rate: how smooth is smooth enough

Frame rate has a direct, almost linear effect on size. Going from 24 fps to 12 fps halves the number of frames and roughly halves the file. For many clips, 10 to 15 fps looks acceptable, with 8 fps good for simple screen demos and 20 fps or more reserved for fast action where choppiness would be obvious. Note that GIF timing is stored in hundredths of a second, so frame delays are rounded: 50 fps is not really possible, and browsers may play very short delays slower than intended. Start with 10 to 12 fps for a typical clip, view the result and raise it only if the motion feels jerky. A lower frame rate with a longer, calmer clip often looks better than a high frame rate with a choppy palette.

Width and resolution

Pixel count grows with the square of the width. Halving a GIF from 800 to 400 pixels wide reduces the area, and roughly the file size, to a quarter. For chat and social posts, 320 to 480 pixels is usually plenty; 640 suits a larger screen demo; above 800 is rarely worth the size. Height is scaled automatically in proportion, so you do not distort the picture. Make sure text in a screen recording is still readable at the chosen width: if not, crop to the relevant part of the screen first rather than increasing the width. Vidlora's GIF tool scales frames down and samples at a chosen frame rate for this reason. Always preview at the size the GIF will display.

Colours and dithering

With only 256 colours per frame, converters build a palette from the clip and often apply dithering, a pattern of dots that simulates intermediate colours. Dithering makes gradients look smoother but increases file size because the noise compresses poorly. Without it you see banding, flat bands of colour in skies and shadows. Clips with limited colour ranges, such as screen recordings, cartoons and logos, convert beautifully; photographic clips with skin tones and fine gradients look grainy. Using a single palette for the whole animation, rather than a new one per frame, reduces flicker and size. If a GIF looks rough, try a brighter source, a simpler background, or a shorter clip, rather than only increasing the frame rate.

Step-by-step

First, trim your video to the moment you want, ideally under five seconds. Second, open the video to GIF tool and upload the clip. Third, choose a width, starting at 480 pixels, and a frame rate, starting at 10 to 12 fps. Fourth, start the conversion and download the result. Fifth, preview the loop in the place where it will be used, for example in a chat or on a page, and check the file size against any limit. If it is too large, reduce the width first, then frame rate, then duration. If it looks blurry, widen it slightly or crop in. Keep the original video so you can regenerate the GIF with different settings; editing a GIF after the fact is harder than starting again.

When video is better than GIF

If sound matters, GIF cannot help because it has no audio track. For clips longer than a few seconds, an MP4 or WebM will be dramatically smaller at higher quality: a 5-second 480p clip that is 4 MB as GIF might be 150 KB as MP4. Many platforms silently convert uploaded GIFs to looping, muted MP4 video for exactly this reason. On your own website, use a muted, looping video element with autoplay and playsinline attributes, which is lighter and sharper than a GIF. Choose GIF only when the destination demands it: some chat tools, email clients, forums and documentation systems that do not embed video. Everywhere else, a short video loop wins on size and quality.

Rights and good practice

A GIF is still a copy of the original footage, so copyright applies to clips from films, series, music videos and other people's content. Making GIFs of your own recordings, screen demos, product walkthroughs and licensed or public-domain material is straightforward. Sharing short clips from commercial works falls under rules that vary by country and are not guaranteed as fair use. Credit the source where appropriate, avoid sensitive footage of identifiable people without consent, and add alternative text to GIFs on web pages for accessibility. Also consider viewers who are sensitive to motion: avoid rapid flashing, which can trigger photosensitive reactions, and keep loops calm when possible. Finally, test on mobile data to be sure the page does not load too heavily.

Try the free video downloader

Get formats

Related guides