Video to GIF

Converting video to GIF in the browser uses the HTML5 Canvas element and gif.js library. The process works by playing your video frame-by-frame using a hidden video element, capturing each frame as a canvas image at your specified FPS rate, and then encoding those frames into the GIF89a format using gif.js Web Workers. The trim feature limits which portion of the video gets frame-captured, and the width setting scales each canvas frame before encoding. Lower FPS means fewer frames are captured per second, resulting in a smaller file. The GIF format uses LZW compression and a 256-color palette per frame, which is why GIFs are best for short clips, screen recordings, and simple animations rather than long high-resolution video. All processing runs on your device using JavaScript and Web Workers — no server upload, no cloud processing, no privacy concerns with your video content.

The three main levers for GIF quality and file size are duration, frame rate, and resolution. Keep clips under 10 seconds for manageable file sizes — a 5-second clip at 10 FPS and 480px width typically produces a 2-5 MB GIF. For social media and messaging, aim for under 8 MB. Use 10-12 FPS for smooth-looking movement; 5-8 FPS works for slower content like presentations or tutorials. Reduce width to 320-480px for web use — most platforms resize GIFs anyway. For the best visual quality, start with a high-resolution source video and let the tool downscale. Screen recordings and UI demos make excellent GIFs because they have flat colors and limited motion, which GIF compression handles efficiently. For clips with lots of color gradients or fast motion, consider trimming to the most essential moment. After creating your GIF, use the Image Compressor if you need to reduce file size further.