Is serving MP4 alone good enough?

For most sites, yes, it is perfectly sufficient. MP4 plays without trouble in every modern browser, and working with a single file is the simplest approach from a maintenance point of view. Adding WEBM is an optimisation, not a requirement. For that extra step to pay off, you need either a large number of videos or high traffic.

What does serving both formats cost?

The cost shows up in three places. First, encoding time: you have to process every video twice, and the VP9 side is noticeably slower. Second, storage: you host two files for every video. Third, maintenance: when you update a video you have to remember to refresh both versions, and if you forget you end up with an inconsistency where different browsers show different content.

Should I use AV1, or is VP9 enough?

AV1, as the successor to VP9, offers better compression, but it has a price on both sides. On the production side encoding time gets noticeably longer; on the viewing side hardware decoding support is relatively recent, so on older devices playback falls to the processor and battery drain increases. For an ordinary site VP9 still offers a reasonable balance; AV1 shows its real benefit at very large streaming scale.

MP4 or WEBM for Website Video? A Decision Guide

Q: Which one should I pick for video with a transparent background?

In this scenario there is no choice, you have to use WEBM. WEBM can carry an alpha channel, meaning transparency; MP4 in common use cannot. If you make a transparent animation into an MP4, the background usually turns into a black rectangle and the effect breaks completely. For video elements overlaid on top of page content, WEBM is the only valid option.

The wrong question, and the right one

When somebody asks "is MP4 better or WEBM", the answer they usually expect is a quality comparison. But the question does not work that way.

Both are containers — the outer layer that holds video and audio data together. What determines quality is not the container but the codec inside it. MP4 typically carries H.264, while WEBM carries VP9 or AV1. So the real comparison is between those codecs, and that comparison has no single winner either.

The right question is this: when serving video on your site, which trade-off do you prefer? A smaller file, or a simpler setup? This article answers that question through concrete criteria.

Criterion 1: Browser support

This used to be the deciding factor but is now largely a solved problem. Today both formats play in every modern browser. MP4 has been everywhere for longer; WEBM support is now widespread too.

So the question "which one works in the browser" does not decide this comparison. Only if you care about reaching very old devices does MP4's support reaching further back give you an advantage.

Result: a tie, with a slight edge to MP4.

Criterion 2: File size and load time

Here WEBM is clearly ahead. VP9 and AV1 come from newer generations of compression than H.264, and they can carry the same visual quality with less data.

The practical meaning of that difference is user experience, directly. Video is usually the heaviest component of a web page. When the file gets smaller:

The video starts playing sooner.
A user on a mobile connection waits less and spends less data.
Bandwidth costs on the hosting side go down.

How important that advantage is, though, depends on scale. If your site has a handful of promotional videos, the difference will not be felt in practice. With dozens of videos or high traffic, it becomes a real gain.

Result: WEBM wins, but the size of the win depends on your scale.

Criterion 3: Production cost

Here the table turns.

Encoding with H.264 is fast, and nearly every tool produces it by default. Encoding with VP9 is noticeably slower; AV1 is much slower still. On a long, high-resolution video the conversion can take minutes.

Moving to WEBM is also not a container swap but a full re-encode. That means some amount of quality loss — footage that was already compressed once with H.264 gets compressed a second time with VP9, and the loss accumulates. With good settings it stays at a level you will not notice, but it is there.

So WEBM's file size advantage is not free; you pay for it with both processing time and a small quality loss.

Result: MP4 wins.

Criterion 4: The chance of leaving the browser

Will visitors download the video on your site and use it elsewhere? Will you also share the content on social media? Will you reuse the video later in a presentation or an editing project?

If you answer yes to any of these questions, you are going to need MP4. WEBM does not work reliably outside the browser: phone galleries do not recognise it, smart TVs will not open it, most social media platforms refuse the upload, and support in editing software is narrow.

Result: MP4 wins clearly.

Criterion 5: The need for transparency

If your video's background needs to be transparent — for example if you are overlaying a logo animation on top of page content — this criterion decides the matter on its own.

WEBM can carry an alpha channel. MP4 in common use cannot. If you make a transparent animation into an MP4, the background usually turns into a black rectangle and the effect breaks.

Result: WEBM is the only option.

Criterion 6: Ease of maintenance

Serving a single file is always simpler. If you serve two formats, every video update means refreshing both versions. When that step is forgotten, an insidious problem appears: some visitors see the old video, some the new one, and it takes you a long time to notice.

Result: MP4 wins.

The decision: what should you do?

Small site, few videos, ordinary traffic → MP4 only. This is a perfectly valid and common approach. MP4 plays in every browser, it is simple to maintain, and there is no extra encoding effort. WEBM's bandwidth gain is not felt at this scale.

Site with many videos or high traffic → WEBM first, MP4 as fallback. HTML's video element lets you define more than one source; the browser plays the first file it can open. If you put WEBM first, modern browsers pull the small file and the rest fall back to MP4. Nobody is left without a video. The price is producing and hosting two files.

Video with a transparent background → WEBM is mandatory. There is nothing to debate.

Video will also leave the site → make sure MP4 exists. You can serve WEBM in addition, but without an MP4 version you will get stuck on the social media, phone and editing side.

If you have work to do on the conversion side, our tool that converts MP4 to WEBM handles that step; bear in mind that with large files the process can take minutes.

In summary

WEBM offers a smaller file, MP4 offers fewer problems. If your site has only a few videos, staying with MP4 is the honest and correct answer — nobody loses anything because of that choice. As scale grows, WEBM's bandwidth gain starts to matter and serving both formats becomes the best solution. If you need transparency, the decision has already been made. In every case there is one thing to remember: WEBM is strong inside the browser and weak outside it. Knowing where your video is going also tells you which format you need.