Форматы видео для сайта: кодеки, вес и совместимость
Видео на сайте живёт по другим правилам, чем видео для просмотра. Здесь важнее не максимальное качество, а скорость старта и совместимость — ролик, который не запустился, не имеет качества вовсе.
Какой кодек
H.264 остаётся выбором по умолчанию: его понимают все браузеры, включая старые, и все мобильные устройства. Более новые кодеки сжимают лучше, но требуют запасного варианта — а это удвоение работы и веса хранилища.
Профиль лучше брать не самый высокий: Main вместо High немного увеличивает файл, зато гарантированно проигрывается на слабых устройствах.
Faststart
В файле есть служебный блок с оглавлением. По умолчанию он часто оказывается в конце — и браузер вынужден скачать весь файл, прежде чем начать воспроизведение. Перенос блока в начало решает проблему и ничего не стоит. Без этого короткий ролик стартует с задержкой в несколько секунд.
Разрешение по факту показа
Самая частая ошибка — грузить кадр 1080×1440 в окно шириной 250 пикселей. Смотрите, какого размера элемент на странице, и берите двукратный запас для экранов с высокой плотностью. Всё сверх этого — потраченный трафик и лишняя нагрузка на декодер.
Частота кадров
Для коротких петель 25–30 кадров достаточно. Шестьдесят удваивают вес и нагрузку, а разница на пятисекундном ролике почти не читается.
Ориентиры по весу
- Петля 5 секунд — 300–600 килобайт
- Ролик 10 секунд — до полутора мегабайт
- Звук убирать, если он не нужен: он не воспроизводится, но качается
Читайте также
Почему тяжёлые медиа убивают сайт и что с этим делать Вертикальный формат: почему 3:4 и 9:16 вытеснили всё остальное Хранение архива съёмок: как не потерять и не выложить лишнее История обработки фотографии: от карандаша по негативу до нейросетейМатериалы предназначены для лиц старше 18 лет и носят информационный характер.