MP4 to WebP converter

Drop an MP4, WebM or MOV video, trim the part you want, choose a frame rate, width and quality, and download an animated WebP. The video is decoded in your browser with WebCodecs, the frames go through your browser's WebP encoder, and nothing is uploaded.

Free · no sign-up · runs in your browser

Drop a video hereor click to choose a file

MP4, MOV or WebM · up to 300.0 MB · nothing is uploaded

Frames per second

Lower numbers make a smaller file with softer detail. Check the result before you download it.

Trim

The bright part of the strip becomes the WebP. Move the two sliders to set where it starts and ends.

Before

Drop a video here

After

Your new GIF appears here.

How to use it

  1. Drop your video

    Drop an MP4, MOV or WebM file onto the box or click to choose one. It can be up to 300 MB, and it is read in your browser.

  2. Trim the clip

    Move the two sliders under the thumbnail strip. The bright part becomes the WebP. A line under the settings shows the frame count and length.

  3. Set frame rate, width and quality

    Choose 10, 12, 15 or 20 frames per second, a width up to 960 px and a quality from 1 to 100. Higher quality gives a larger file.

  4. Convert and download

    Press Convert to WebP. The animation appears next to a frame of your video with both file sizes, and Download saves it as a .webp file.

Examples made with this tool

These animated WebP files were made from our own video clips with the tool's frame plan and its WebP writer. Our script decodes the video with a separate command-line tool and encodes the frames with a native WebP encoder, so your browser's own encoder will give different file sizes.

  • Original
    A fox turning its head, converted from an MP4 video to an animated WebPWebP
    The whole 3 second clip at 12 fps, 240 px wide and quality 50. The animated WebP is about twice the size of the MP4, which is normal.Settings usedAnimated WebP from 0 s to 3 s, 12 fps, 240 px wide, quality 50.MP4 173 KB (480 × 480 px) → WebP 329 KB (240 × 240 px)
  • Original
    A cat blinking and stretching, converted from an MP4 video to an animated WebPWebP
    Two seconds at 12 fps and 480 px wide, at quality 70. A larger width and a higher quality give a much larger file than the small examples.Settings usedAnimated WebP from 0.5 s to 2.5 s, 12 fps, 480 px wide, quality 70.MP4 61 KB (480 × 480 px) → WebP 317 KB (480 × 480 px)
  • Original
    A small robot waving, converted from a MOV clip to an animated WebPWebP
    A MOV file trimmed to 1.5 seconds, at 15 fps and quality 75. QuickTime clips go through the same decoder as MP4 files.Settings usedAnimated WebP from 1 s to 2.5 s, 15 fps, 320 px wide, quality 75.MOV 67 KB (480 × 480 px) → WebP 159 KB (320 × 320 px)
  • Original
    A cat blinking and stretching, converted from a WebM clip to an animated WebPWebP
    A WebM source at 10 fps and quality 50, 320 px wide. The WebP stores only the part of each frame that changed, so a calm picture gives a smaller file.Settings usedAnimated WebP from 0 s to 2 s, 10 fps, 320 px wide, quality 50.WEBM 55 KB (480 × 480 px) → WebP 135 KB (320 × 320 px)

How the video becomes a WebP

The page opens the video with WebCodecs, decodes the frames between your two trim handles at the frame rate you chose, and draws each one at the output width. For each frame it finds the rectangle that changed since the one before and asks your browser to encode just that rectangle as a WebP picture.

A small piece of code on this site then writes the animation container: the canvas size, the loop setting and one entry per frame with its position and duration. A frame that changes nothing is merged into the one before it, and the result tells you how many frames were stored.

Video or animated WebP

A video file is almost always smaller than an animated WebP of the same clip, because video codecs are built for motion. In every example above the MP4, MOV or WebM was the smaller file, and the page shows both numbers for your own clip.

Choose the animated WebP when the place you are putting it takes images but not video, or when you want one image file that animates on its own. Keep the video where video is accepted. For a GIF, use the Video to GIF page.

When your browser cannot encode WebP

WebP encoding comes from your browser. Some browsers return another image format when asked for WebP, and the page checks the result instead of assuming it worked.

If your browser cannot encode WebP, the page shows a notice and stops, and the support list below says what your browser can do. Try the current Chrome, or another browser that can save canvas images as WebP.

Related tools

These browser tools help before or after you convert a video.

  • GIF to WebP: turn a GIF you already have into an animated WebP.
  • Video to GIF: the same trim and frame rate controls for a GIF.
  • GIF resizer: set an exact width and height for a GIF.

When MP4 to WebP helps

  • An image slot that animates WebP

    Some places take an image file and play it, but do not take video.

  • One file instead of a video player

    An animated WebP can sit in an image element on a web page.

  • A short loop from a longer video

    Trim the seconds you need and drop the rest.

  • An alternative to a GIF

    Convert a clip straight to WebP instead of going through a GIF, and compare the real sizes on the page.

  • A clip from a screen recording

    Trim a recorded MP4 and save it as an animation.

How this tool works and its limits

This is what the converter does with your file, and where it stops.

  • Your file never leaves your device. The video is decoded and the WebP is written in your browser, with no upload and no account.
  • MP4, MOV and WebM files up to 300 MB are accepted. Whether a file opens depends on its codec and on your browser, and the page says so when it cannot.
  • An animated WebP made here has at most 300 frames and 30 seconds. At 15 frames per second that is 20 seconds, and the page offers to shorten the end.
  • The width can be 320, 480, 640 or 960 px, never wider than the video, and the long side is capped at 1024 px. Frame rates are 10, 12, 15 and 20.
  • Quality runs from 1 to 100 and is lossy. Audio is dropped, because an image cannot carry sound.
  • The WebP frames come from your browser's own encoder. If it does not return WebP data, the page shows a notice and stops.
  • We built and tested the tool in current Chrome. The check below asks your own browser what it supports.

Does your browser support this?

This list is checked against the browser you are using right now, by asking it directly. It is not a guess from the browser name.

  • Video decoding (WebCodecs): checking
  • WebP encoding: checking

Questions, answered

How do I convert an MP4 to a WebP?

Drop the video above, trim it, choose a frame rate, width and quality, and press Convert to WebP. Download saves the file.

Is the WebP smaller than the MP4?

Not usually. In our examples the MP4 or other video was the smaller file. The page always shows both sizes for your clip.

What quality should I choose?

Start at 70. Lower it for a smaller file and look at the result; raise it if you see blocks around fine detail.

Does the WebP keep the sound?

No. An animated WebP is an image and has no audio.

Why does it say my browser cannot encode WebP?

Encoding comes from your browser, and some browsers return another format. The notice names what is missing. Try the current Chrome.

Is anything uploaded?

No. Decoding and encoding both happen in your browser, and you can confirm in the network panel that no upload request is made.