MP4 vs WebM untuk web - kapan menggunakan setiap format

Diterbitkan 20 April 2026

---

MP4 dan WebM adalah dua format kontainer yang penting di web modern. MP4 hampir selalu membawa video H.264 (AVC) dengan audio AAC; WebM hampir selalu membawa video VP9 atau AV1 dengan audio Opus. Pilihan yang tepat tergantung pada di mana video Anda diputar, berapa banyak bandwidth yang dikonsumsinya, dan berapa lama Anda bersedia menunggu encode. Panduan ini mencakup ekonomi codec, kenyataan dukungan browser pada 2026, dan tiga keputusan produksi nyata yang menentukan kontainer mana yang dikirim.

Kontainer vs codec - apa yang sebenarnya dipegang setiap file

Kontainer membungkus video, audio, dan metadata ke dalam satu file yang dapat dibaca pemutar. MP4 (ISO base media) dan WebM (profil Matroska yang dibatasi) keduanya adalah kontainer. Codec adalah bagaimana pixel video dan sample audio dikompresi. MP4, secara teori, dapat membawa hampir semua codec, tetapi dalam praktiknya ekosistem web memperlakukan MP4 sebagai file H.264. WebM dibangun khusus untuk codec bebas royalti - VP8 (jarang pada 2026), VP9 (mainstream), dan AV1 (terbaru, kompresi tertinggi).

Ketika keputusan dirumuskan sebagai "MP4 atau WebM", keputusan sebenarnya adalah H.264 vs VP9 vs AV1 - codec mana yang akan dikodekan. Kontainer mengikuti codec. H.264 dikirim di MP4; VP9 dan AV1 dikirim di WebM di web.

Perbandingan ukuran codec untuk kualitas visual yang sama

Kenyataan dukungan browser pada 2026

MP4/H.264 diputar pada 100% browser yang beredar - Chrome, Firefox, Safari, Edge, setiap WebView mobile. Sudah satu dekade. Jika video yang bisa diputar lebih penting daripada byte yang dihemat, kirim H.264.

WebM/VP9 diputar di Chrome, Firefox, Edge, Opera, dan Safari (sejak Safari 14, macOS Big Sur, 2020). Safari mobile di iOS 14+ mendukung VP9. Audiens residu yang sangat kecil pada iPhone warisan di bawah iOS 14 tidak dapat mendekodekan VP9.

WebM/AV1 diputar di Chrome 70+, Firefox 67+, dan Edge 75+. Safari menambahkan dukungan AV1 di 17.4 (2024). Decode AV1 hardware membutuhkan silikon yang relatif baru - Intel gen 11 (Tiger Lake) atau lebih baru, Apple M3 atau lebih baru, AMD seri 6000 atau lebih baru. Perangkat pra-2022 jatuh ke decode software, yang menguras baterai dan dapat menjatuhkan frame pada konten 4K.

Pola fallback <source>

Pola HTML5 video kanonik menyajikan codec yang direkomendasikan yang dapat didekode browser dan jatuh ke bawah daftar:

<video controls preload="metadata" poster="cover.jpg">
  <source src="clip.av1.webm" type="video/webm; codecs=av01.0.05M.08">
  <source src="clip.vp9.webm" type="video/webm; codecs=vp9,opus">
  <source src="clip.h264.mp4" type="video/mp4; codecs=avc1.4D401F,mp4a.40.2">
  <p>Browser Anda tidak mendukung video HTML5.</p>
</video>

Browser berjalan dari atas ke bawah pada daftar <source>, memilih type pertama yang dikenalinya, dan mengabaikan sisanya. Menyajikan AV1 dulu menangkap ~60% perangkat 2026 yang memiliki decode AV1 hardware; VP9 menangkap sebagian besar sisanya; H.264 menjamin fallback 100%.

Tiga keputusan produksi nyata

Keputusan 1 - Klip sosial pendek untuk jangkauan terluas. → MP4 (H.264) saja. Encode sekali. Setiap browser, setiap platform sosial, setiap klien email memutarnya. Penghematan bandwidth VP9/AV1 tidak menjustifikasi waktu encode dan perangkat tepi yang akan Anda lewatkan.

Keputusan 2 - Video hero latar belakang di situs marketing pada 1080p, loop 15 detik. → MP4 (H.264) + WebM (VP9). File VP9 dikirim pada ~60% ukuran H.264, yang berarti pemuatan halaman lebih cepat untuk pengunjung dengan koneksi lambat. File H.264 adalah fallback untuk siapa saja yang browsernya melewati WebM. Waktu encode kecil (sekali, klip 15 detik).

Keputusan 3 - Pustaka streaming format panjang (layanan VOD, platform kursus, video 30+ menit). → AV1 (WebM) + VP9 (WebM) + H.264 (MP4). File AV1 menghemat egress CDN substansial pada skala. File VP9 menutupi setiap browser modern. File H.264 adalah fallback universal. Encode pada hardware GPU atau pipeline batch; waktu encode 10× AV1 penting ketika perpustakaan memiliki ribuan video.

Resep encoding

H.264 (MP4) - universal yang aman. Sebuah one-liner FFmpeg tunggal mencapai titik manis untuk pengiriman web: ffmpeg -i in.mov -c:v libx264 -crf 23 -preset medium -c:a aac -b:a 128k -movflags +faststart out.mp4. Flag +faststart menempatkan atom moov di awal file sehingga browser dapat memulai pemutaran sebelum file lengkap diunduh.

VP9 (WebM) - keseimbangan kompresi/kompatibilitas terbaik. Gunakan encoding dua-pass untuk kualitas konsisten pada bitrate target. -c:v libvpx-vp9 -b:v 0 -crf 31 -row-mt 1 -c:a libopus -b:a 96k. Flag -row-mt 1 mengaktifkan multi-threading berbasis baris yang memotong waktu encode kira-kira setengah pada CPU modern.

AV1 (WebM) - kompresi maksimum. SVT-AV1 adalah encoder yang dipilih industri: -c:v libsvtav1 -crf 35 -preset 6 -c:a libopus -b:a 96k. Preset 6 adalah keseimbangan default antara kecepatan dan kompresi; preset lebih rendah (4, 5) menyukai kualitas dengan biaya encode yang jauh lebih lama.

Kapan menghindari WebM sepenuhnya

Jika audiens Anda terutama iOS < 14, Android WebView yang lebih lama, atau browser perusahaan warisan, WebM tidak menawarkan manfaat - perangkat tersebut akan jatuh ke sumber H.264, dan encode WebM adalah upaya yang sia-sia. Jika video adalah konten buatan pengguna yang sering disimpan, dibagikan ulang, atau diedit oleh penonton, H.264 MP4 adalah format yang diharapkan alat mereka terima.

Klien email hampir tidak pernah merender <video> secara native. Jika video ada di newsletter email, ekspor GIF animasi pendek atau tautan MP4 ke landing page - baik WebM maupun tag video HTML5 inline tidak membantu.

Mengonversi antar format

konverter video kami menangani MP4 ↔ WebM di browser dengan FFmpeg.wasm - tanpa unggah, tanpa instalasi. Untuk konversi batch format panjang, instal FFmpeg secara lokal dan gunakan resep di atas; konverter dalam-browser dibatasi oleh RAM yang tersedia (biasanya 2-4 GB per tab), yang bekerja untuk klip individu tetapi tidak untuk katalog 50 video. Lihat panduan perbandingan FFmpeg online vs lokal untuk kapan masing-masing menang.

Alat terkait

• Video Converter - konversi MP4, WebM, MOV di browser.
• FFmpeg Online - FFmpeg baris perintah di browser.
• Video Maker - gabungkan gambar menjadi klip video.
• Compress Image - kurangi ukuran file gambar sampul.

← Kembali ke Video Tools