Home › Audio & Video › Video to Animated WebP

Video to Animated WebP

Turn a short video clip into an animated WebP: full-colour, loops like a GIF and is usually several times smaller. Trim it, choose the frame rate, width and quality, and see how much smaller it is than a GIF made from the same frames.

Last updated:

Preview at your frame rate · choose a video or try the sample clip
0:00 / 0:00

Trim

Animation

Advertisement
Advertisement

How to use the Video to Animated WebP

  1. Choose a video or press Try a sample clip.
  2. Trim it: type the start and end seconds, or play the preview and press Set start here / Set end here.
  3. Pick the frame rate, width and quality. 12 to 15 fps at 480 px is a good balance for most clips.
  4. Press Convert to WebP. Leave Also make a GIF ticked to see the size difference.
  5. Press Download WebP (and Download GIF if you want both).

Animated WebP vs GIF vs MP4

Animated WebPGIFMP4 video
Colours16.7 million (24-bit) plus 8-bit alpha256 per frame, 1-bit transparency16.7 million, no transparency
CompressionVP8 lossy or WebP lossless, per frameLZW lossless on indexed coloursH.264 with motion prediction between frames
Typical size for a 4 s, 480 px clipSmallLargest, often 2 to 5 times the WebPSmallest
Autoplays and loops as an imageYesYesNeeds a video tag (muted, autoplay, loop)
SoundNoNoYes
Best forStickers, reactions, product loops, web pagesMaximum compatibility, old apps and emailAnything longer than a few seconds

How the conversion works

The tool seeks through the trimmed part of your video one frame at a time, at intervals of 1 / fps seconds, and draws each frame at the output width. Every frame is compressed with the browser's WebP encoder, then the frames are packed into a single animated WebP file: a VP8X header that marks the file as animated, an ANIM chunk with the loop count, and one ANMF chunk per frame with its display time in milliseconds. Frame times are rounded so that the total always matches the clip length; at 15 fps the delays alternate between 67 and 66 ms.

The number of frames is clip length × frame rate, so a 4 second clip at 15 fps has 60 frames. File size grows roughly with frames × width × height, which is why lowering the frame rate or width shrinks the file far more than lowering the quality.

Tips for small, smooth WebP animations

  • Trim to the moment that matters; a 2 to 4 second loop is ideal for reactions and product shots.
  • Pick a start and end that look alike so the loop is seamless.
  • Use 480 px or less for chat and social posts; 800 px is plenty for a full-width blog image.
  • Screen recordings and flat graphics compress best with Lossless; camera footage with quality 60 to 80%.
  • If you need a GIF anyway, the MP4 to GIF tool has palette and dithering controls.

Frequently asked questions

Is animated WebP smaller than GIF?

Usually much smaller. GIF is limited to 256 colours per frame and uses older LZW compression, while WebP uses modern VP8 compression with full 24-bit colour. For video footage a lossy animated WebP is commonly 50 to 80% smaller than a GIF of the same size and frame rate. The tool makes both so you can see the exact difference for your clip.

Which browsers and apps can show animated WebP?

All current versions of Chrome, Edge, Firefox, Opera and Safari (version 14 and later on macOS Big Sur or newer and iOS 14 or newer) display animated WebP. Most chat apps and content management systems accept it too, but some older image editors and email clients only support GIF, so keep a GIF copy for those.

What frame rate and width should I use?

For reactions, stickers and UI demos, 10 to 15 fps at 320 to 480 px wide looks smooth and stays small. Use 24 to 30 fps only for fast motion. Each doubling of the width roughly quadruples the pixels per frame, so width has the biggest effect on file size.

What does lossless mean here?

Lossless WebP stores every pixel exactly, with no compression artefacts. It is ideal for screen recordings, pixel art and flat graphics, but for camera footage it is much larger than lossy WebP. For most videos, lossy quality between 60 and 80% looks almost identical and is far smaller.

Why can't I convert in Safari?

Creating WebP files depends on the browser's built-in WebP encoder, which Safari does not expose to web pages. Safari can view animated WebP but cannot make it. Use Chrome, Edge or Firefox to convert, and the result will play everywhere.

Is there a length limit?

The tool allows up to 600 frames, for example 40 seconds at 15 fps or 20 seconds at 30 fps. Animated images are meant for short loops; for anything longer an MP4 or WebM video is much smaller.

Is my video uploaded?

No. Frames are extracted, encoded and packed into the WebP file inside your browser. Nothing is uploaded.

Are all the tools on FreeToolCabin tested for quality and accuracy?

Yes! Every tool on our site undergoes automated Q/A testing in real browser environments to ensure high precision, correct output, and zero errors. If you happen to spot a bug or have a suggestion, please contact us at [email protected] and our team will review it right away.

Related tools

MP4 to GIFConvert an MP4, MOV or WebM clip to a sharp GIF: trim, set fps and width, optimized palette.Video TrimmerCut the start and end off a video on a visual timeline and save the clip as WebM.PNG & JPG to WEBPConvert PNG and JPG images to smaller WEBP files.Video CompressorCompress videos in your browser: pick a quality and resolution to shrink the file size.WEBP to GIFConvert animated or still WebP images to GIF, keeping every frame delay, with loop and size options.WEBP to MP4Turn animated WebP images into MP4 videos for sharing, with frame timing, length and size options.Video to MP3Extract the audio from a video as MP3.MKV to MP4Convert MKV to MP4 in seconds by copying H.264/AAC streams, or re-encode with ffmpeg.Webcam Video RecorderRecord video from your webcam and mic, then download it.Subtitle EditorEdit, shift and convert SRT and VTT subtitles.Video to Frames ExtractorExtract still frames from a video every few seconds or every Nth frame, as JPG or ZIP.Video Speed ChangerSpeed up a video or make slow motion from 0.25× to 4×, with audio, and save it as WebM.Mute VideoRemove the sound from a video and save a silent copy as WebM, right in your browser.Rotate VideoRotate a video 90° or 180°, or mirror it, with sound, and save the fixed copy as WebM.SRT Time CalculatorShift subtitle timing, convert SRT frame rates, sync by two points and fix broken SRT files.Video Resolution CheckerCheck a video's resolution, length, frame rate, bitrate and codecs without uploading it.Video File Size CalculatorEstimate video file size from resolution, fps, bitrate and length, or the bitrate for a size limit.Vocal RemoverRemove vocals from a song to make a karaoke instrumental, or pull out an acapella, in your browser.Video CropperCrop a video to 1:1, 9:16, 16:9 or any area by dragging a box, with sound. Saves MP4 or WebM.Video ConverterConvert videos to MP4 or WebM with your choice of resolution, frame rate and bitrate.Video MergerJoin several video clips into one MP4 or WebM in any order, with trimming and fades.MOV to MP4Convert MOV to MP4 instantly with no quality loss, or re-encode to H.264. No upload.WebM to MP4Convert WebM videos to MP4 (H.264) with your choice of resolution and quality. No upload.WebM to MP3Extract the audio from WebM video or audio files and save it as MP3. Free, no upload.Add Audio to VideoAdd music or a voice-over to a video: replace or mix the sound, set offset, volume and fades.Video ReverserPlay a video backwards: reverse a clip with or without reversed sound, or make a boomerang loop.Silence RemoverFind and cut long pauses and dead air in recordings, podcasts and voice memos automatically.Add Subtitles to VideoBurn SRT or VTT subtitles into a video with your own font, color, outline and position.Add Watermark to VideoPut a text or logo watermark on any video, set position, size and opacity, then save it.Video Thumbnail GeneratorGrab thumbnails from a video at any time or make a contact sheet grid. JPG, PNG or ZIP.Slideshow MakerTurn photos into a video slideshow with transitions, captions and music. Saves MP4 or WebM.Add Text to VideoPut titles and captions on a video with your font, colour, position, timing and fade. No upload.Audio Visualizer Video MakerMake an audiogram: cover image plus animated bars or waveform synced to your audio, as MP4/WebM.AVI to MP4Convert AVI videos (Xvid, DivX, MJPEG) to H.264 MP4 in your browser, several files at once.Flip VideoMirror a video horizontally or vertically, fix selfie videos and save MP4 or WebM with sound.Frame by Frame Video PlayerStep through a video one frame at a time with frame number, timecode, slow motion and PNG export.Landscape to Vertical VideoTurn a 16:9 video into 9:16 for Shorts, Reels and TikTok with a blurred background fill.Video LooperLoop a video N times or to a set length, or make a boomerang, and save it as MP4 or WebM.Video FiltersApply B&W, sepia, vintage and cinematic color filters to a video and save it as MP4 or WebM.Video ResizerResize a video for Reels, TikTok, Shorts or YouTube with fit, fill or blurred bars. No upload.Video SplitterSplit a video into equal parts, 15/30/60-second clips for Stories, or at your own cut points.Video Volume BoosterMake a quiet video louder (up to 400%) or quieter, with a limiter that stops clipping.Webcam Photo BoothSnap webcam photos with a countdown, filters and frames, then download a photo strip.Auto Subtitle GeneratorGenerate SRT and VTT subtitles from any video with in-browser Whisper, then edit timing and text.Blur VideoBlur or pixelate faces, plates and text in a video, with moving areas and automatic face blur.Compress Video to 25MBShrink any video to fit under 25 MB: target bitrate computed from its length, encoded in your browser.Green Screen Video EditorRemove a green or blue screen from a video and put in a new image, color or video background.MOV to MP3Extract the audio from MOV videos to MP3 at 128-320 kbps, with optional trim. Batch + ZIP, no upload.MP3 to MP4Turn an MP3 or WAV into an MP4 video with a cover image, title and waveform for YouTube.MP4 to WebMConvert MP4 video to WebM (VP9 or VP8 with Opus audio) with a quality slider. Runs locally, no upload.Online Video EditorEdit videos in your browser: trim, split, arrange clips, add text, music and transitions, export MP4.Remove Background Noise from VideoClean hiss, hum and room noise from a video's sound and keep the picture untouched.SRT to VTTConvert SRT subtitles to WebVTT for HTML5 video, with cue settings, preview and batch ZIP.Video Background RemoverRemove the background behind a person in a video with AI; make it transparent or swap in a color, image or blur.VTT to SRTConvert WebVTT subtitles to SRT: strips styles and notes, renumbers cues, batch ZIP.WMV to MP4Convert Windows Media WMV videos to H.264 MP4 in your browser, with quality and size control.360 Video ViewerWatch local 360° and VR videos or photos: drag, tilt or zoom to look around, 3D and fullscreen.Animated Captions for VideoBurn word-by-word animated captions (highlight, pop, karaoke) onto video from Whisper or SRT.Auto Reframe VideoTurn horizontal video into vertical 9:16 that automatically follows faces and subjects.Beat Sync Video EditorAuto-cut your clips and photos to the beat of a song and export a music-synced MP4 montage.Boomerang Video MakerMake a forward-backward looping boomerang clip from a video or webcam burst as MP4 or GIF.Brighten VideoFix dark videos: exposure, gamma, shadows lift, auto-levels and low-light denoise, save MP4.Lyric Video MakerMake a lyric video: add a song and background, tap to sync lines or import LRC, export 16:9 or 9:16.M3U8 PlayerPlay HLS .m3u8 streams in your browser, switch quality and inspect bitrate, segments and codecs.Picture in Picture Video MakerOverlay a small video on top of another, drag and resize it, round or circle it, and save MP4.Playlist Duration CalculatorAdd up track or video lengths to get the total playlist or album length and average track.Screen to GIF RecorderRecord your screen, a window or a tab and turn it straight into an optimized GIF.Slow Motion Video MakerMake smooth slow motion (0.1x-0.75x) with frame interpolation or blending on any part of a video.
See all 94 Video Converters & Editors →