Перейти к содержимому

WebM или MP4

Сравнение WebM и MP4 для воспроизведения в браузере, поддержки кодеков, размера файла, работы редакторов и доставки видео на сайт с паттерном резервного копирования.

Автор: Пётр Самохин

MP4 это более безопасный выбор для прямого обмена, редактирования и воспроизведения на незнакомых устройствах. WebM это сильный открытый формат для браузерной доставки с видео VP9 или AV1 и звуком Opus. На сайте предложение обоих форматов объединяет современное сжатие с надежным резервным вариантом.

WebM и MP4 это контейнеры

Контейнер содержит видео, звук, субтитры, тайминги и метаданные. Кодек сжимает потоки внутри него. Сравнение только .webm и .mp4 скрывает выбор, который важнее всего для качества, размера и воспроизведения.

КонтейнерПопулярные видеокодекиПопулярные аудиокодекиТипичная роль
WebMVP8, VP9, AV1Vorbis, OpusОткрытые браузерные медиа и веб-доставка
MP4H.264, H.265, AV1AAC, Opus в поддерживаемых рабочих процессахОбщий обмен, устройства, редакторы, веб-резерв

Два файла MP4 могут вести себя очень по-разному, если один содержит H.264, а другой HEVC. Два файла WebM могут отличаться, так как один использует VP9, а другой AV1. Всегда указывайте комбинацию кодеков при принятии технического решения.

Совместимость зависит от комбинации кодеков

MP4 с видео H.264 и звуком AAC остается самой надежной комбинацией, когда файл будет отправлен по почте, загружен на неизвестный сервис, вставлен в презентацию или открыт на смешанном оборудовании. Его сила в охвате, а не в гарантированной эффективности.

WebM с видео VP9 или AV1 и звуком Opus создан для веб-мультимедиа и хорошо работает в современных браузерных рабочих процессах. Старые устройства и некоторые редакторы могут работать некорректно, особенно когда приложение поддерживает контейнер WebM, но не конкретный профиль кодека внутри него.

MDN рекомендует рассматривать WebM для открытого веба и MP4 для универсальной совместимости в своем руководстве по контейнерам медиа . Проверяйте самый старый браузер, устройство, редактор и сервис загрузки, важные для вашей аудитории, вместо того чтобы полагаться только на расширение.

Размер файла и качество не являются свойствами расширения

WebM не всегда меньше MP4, а MP4 не имеет изначально более высокого качества. При одинаковой длительности общий битрейт в основном определяет размер файла. Эффективность кодека, настройки кодировщика, сложность исходника, разрешение и частота кадров определяют, какое качество может сохранить этот битрейт.

Тщательно закодированный VP9 в WebM может превзойти небрежно закодированный H.264 в MP4 при ограниченном битрейте. Обратное также часто встречается. Не выбирайте формат на основе непроверенного процентного утверждения.

Используйте справедливое сравнение:

  1. Начните с одного исходного мастер-файла.
  2. Сохраняйте одинаковыми длительность, разрешение, частоту кадров и обработку звука.
  3. Кодируйте каждого кандидата из исходника, а не из другого сжатого файла.
  4. Сравнивайте одни и те же сложные кадры при обычном воспроизведении и в полном размере.
  5. Тестируйте воспроизведение на реальном носителе.

Выбирайте формат под каждую задачу

НазначениеЛучший выбор по умолчаниюПричина
Почта, чат или передача клиентуH.264 MP4Широкая поддержка воспроизведения
Соцсети или загрузка на сторонний сервисДокументированный формат сервиса, часто MP4Избегание неподдерживаемых комбинаций
Сайт с одним источникомH.264 MP4Консервативная совместимость
Сайт с несколькими источникамиWebM плюс резервный MP4Современный вариант с резервом
Обмен в редактореДокументированный кодек и контейнер редактораИмпорт и перемотка важнее расширения

Ни один формат не должен заменять ваш оригинал только потому, что им удобно делиться. Храните файл с камеры или экспорт высокого качества для редактирования, затем создавайте меньшие копии для каждого назначения.

Отдавайте WebM с резервным MP4 на сайтах

HTML позволяет браузеру пробовать несколько источников по порядку:

<video controls width="1280" height="720" preload="metadata">
 <source src="demo.webm" type="video/webm" />
 <source src="demo.mp4" type="video/mp4" />
 Download the <a href="demo.mp4">MP4 video</a>.
</video>

MDN документирует этот паттерн резервного копирования нескольких контейнеров . Установите реальные атрибуты ширины и высоты, чтобы зарезервировать место в макете, включите элементы управления, когда видео не декоративное, и протестируйте резервный вариант, временно убрав поддержку первого источника.

Для продакшн-сайтов также рассмотрите субтитры, постерные изображения, поведение при уменьшении движения и необходимость видео выше сгиба страницы.

Конвертируйте без заметной потери качества

Изменение только контейнера называется ремуксингом. Он может быть быстрым и без потерь, когда существующие видео и аудио кодеки валидны в целевом контейнере. Он не делает закодированные потоки меньше.

Перекодирование требуется, когда целевой формат не поддерживает исходный кодек или когда нужен меньший битрейт, меньшее разрешение или другой аудиоформат. Перекодируйте из оригинального мастер-файла один раз. Конвертация WebM в MP4 и обратно в WebM применяет две потери качества и не может восстановить отброшенные детали.

Проверьте конвертированный файл в плеере, отличном от инструмента конвертации. Проверьте длительность, синхронизацию звука, субтитры при наличии и перемотку ближе к концу.

Для практических путей конвертации см. конвертация видео в MP4 на Mac или на Windows . Справочная информация по кодекам: что такое VP9 и AV1 .

Когда достаточно простого MP4

Один H.264 MP4 может работать, когда получатели неизвестны, в форме загрузки указан MP4 или нужен один файл, который открывается в почте, чате и слайдах.

Подготовьте пару WebM плюс MP4, когда вы контролируете сайт и хотите современное сжатие с резервом. GetCompress может конвертировать и сжимать популярные видеоформаты локально для этих доставочных копий, включая WebM и MP4. Используйте широко совместимый пресет MP4, когда получатели неизвестны. HTML сайта, субтитры, кэширование и бюджет производительности все еще требуют отдельной реализации и тестирования. Точный целевой размер файла применяется только к видео рабочим процессам.