MP4 в WEBM
Формат назначения уже выбран. Это самая тяжелая операция из всех здешних: кодек VP8 в браузере считается медленно.
Формат назначения уже выбран: MP4 в WEBM. Можно принести файл и в другом формате, инструмент справится. Быстрого пути на этой паре нет: дорожки придется пересобрать. Считайте примерно минуту на минуту записи.
Бесплатно и без регистрации. Этот инструмент считает прямо в вашем браузере: файлы и текст остаются на вашем устройстве, на наш сервер из них не уходит ни байта. Владелец сайта - ООО «ФИИ», ИНН 5402076457, порядок обработки данных на сайте описан в политике. Обновлено .
Зачем WEBM на сайте
Формат создавался ради веба и там до сих пор к месту. Причин три.
- Вес. При одинаковой картинке WEBM обычно легче MP4, а на сайте каждый лишний мегабайт это ушедший посетитель.
- Прозрачность. WEBM умеет альфа-канал, а MP4 практически нет. Для наложенных на страницу анимаций это решающее.
- Открытость. Формат свободен от лицензионных отчислений, и это важно для части проектов.
На практике сайты часто кладут оба файла рядом и дают браузеру выбрать. Так что WEBM обычно нужен не вместо MP4, а вдобавок.
Честно про время
Кодировщик VP8 в браузере работает заметно медленнее, чем H.264. На минуту записи уходит несколько минут счета, а иногда и больше: многое зависит от разрешения.
Практический совет: не гоните сюда длинные ролики. Для фонового видео на сайте обычно нужны десять-двадцать секунд, и вот их перевести разумно. Если исходник длинный, сначала обрежьте нужный кусок.
Второй совет: уменьшите кадр заранее. Фоновому ролику на странице редко нужно больше семисот двадцати точек по высоте, а время счета от размера кадра зависит сильно. Для этого есть сжатие видео.
Про прозрачность
Отдельно стоит сказать, потому что это частая причина прихода за WEBM. Альфа-канал в WEBM бывает, но взяться ему неоткуда, если в исходном MP4 прозрачности не было.
Иначе говоря, перевод не сделает фон прозрачным. Прозрачность создается в монтажной программе или при экспорте из анимации, и уже потом сохраняется в WEBM.
Как положить оба файла на страницу
Правильный способ выложить видео на сайт это дать браузеру выбор. Тогда современный браузер возьмет легкий WEBM, а старый откатится на MP4.
Разметка выглядит так: внутри тега video ставят два тега source подряд, сначала WEBM, потом MP4. Браузер идет по списку сверху вниз и берет первый формат, который понимает.
Для фонового видео к этому добавляют отключенный звук и автозапуск: без отключенного звука браузеры автозапуск блокируют, и ролик просто не начнется.
Сколько весит фоновое видео и сколько должно
Хорошая цель для фонового ролика на первом экране это уложиться в полтора-два мегабайта. Все, что тяжелее, заметно тормозит показ страницы на телефоне.
- Десять секунд, ширина 1280, без звука - обычно укладывается.
- Двадцать секунд в 1920 - почти наверняка нет, нужно уменьшать кадр.
- Зацикленный ролик лучше делать коротким: пять секунд, повторяющихся незаметно, весят вчетверо меньше двадцати.
| Контейнер | Что принимает внутрь | Из MP4 | Где открывается |
|---|---|---|---|
| MP4 | H.264, HEVC, AAC | нет | везде |
| MKV | почти что угодно | мгновенно | компьютер, медиасервер |
| MOV | H.264, HEVC, ProRes, AAC | мгновенно | техника Apple, монтаж |
| AVI | старые кодеки, MP3 | только пересжатием | старая техника |
| WEBM | VP8, VP9, Opus, Vorbis | только пересжатием | браузеры |
| WMV | WMV3, VC-1, WMA | только пересжатием | практически только Windows |
Чего этот инструмент не делает
- Не делает фон прозрачным. См. раздел выше.
- Не работает быстро. Это ограничение кодировщика, а не настройки.
- Не выбирает VP9 вместо VP8. VP9 в браузере еще медленнее.
- Не собирает вариант для каждого разрешения сразу.
Частые вопросы
Сколько это займет?
Несколько минут на минуту записи. Кодировщик VP8 в браузере медленный.
Файл станет легче?
Обычно да, при том же качестве картинки.
Фон станет прозрачным?
Нет. Прозрачности не было в исходнике, и создать ее перевод не может.
Что делать с длинным роликом?
Обрезать нужный кусок заранее и уменьшить кадр. Время счета зависит от длины и разрешения.
Нужен ли WEBM вместо MP4?
Обычно вдобавок, а не вместо: на сайте кладут оба и дают браузеру выбрать.
Другие инструменты
- MOV в MP4 - открыть видео с айфона там, где MOV не понимают
- MP4 в MOV - переложить видео в оболочку QuickTime для программ Apple
- AVI в MP4 - открыть архивное видео на телефоне и на современной технике
- MP4 в AVI - перевести видео для техники, которая новых форматов не понимает
- MKV в MP4 - переложить видео в оболочку, понятную телефонам и телевизорам
- MP4 в MKV - переложить видео в контейнер, который держит дорожки и субтитры
- WEBM в MP4 - перевести запись из браузера в формат для монтажа и телефона
- WMV в MP4 - вытащить старое видео Windows в формат, который открывается везде