Что лучше для анимировнного фона — гифка или видео?

Question

[Vadim Stepanenko]

нужно на фон веб странички поставить анимированный фон. Что лучше для этого использовать - гифку или видео?
Продолжительность анимации примерно 5-8 сек, разрешение 1920×1080 px

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

Кто сталкивался с подобной задачей, что вы выбрали в итоге? И какие могут быть подводные камни?

Comments

[pavelsha]

Оба варианта - зло.
Особенно на Full HD разрешении.
Если это не сайт в интернете, а локальная презентация, то даже в этом случае, думаю, можно найти более простое решение.

[Aetae]

Вес гифки будет больше, а не меньше, проверь.)

[pavelsha]

Автор вопроса, пройди еще раз по следующему пути:

Цель - Выгоды от ее достижения - Необходимые ресурсы - Реализация.

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

Answer 1

[Алексей Дубровин]

Можно загружать сначала гифку.
( После загрузки страницы && компьютер ) загружать видео, и потом его заменять.
Логика проста. Лично я смотрю на фоновый видос в 100% случае - 0 раз.
Обычно в поиске информации это очень сильно отвлекает.
А скорость открытия сайта это всегда приятно.

Comments

[pavelsha]

Если фоновое видео мешает воспринимать информацию на странице, то зачем оно вообще нужно?

Или цель как раз добавить белый шум и ретушь к презентации? чтобы аудитория подумала: "круто и непонятно. Ну его нафиг - пусть дальше живет"?
Тогда еще можно топить посетителей в "словесном поносе". Желательно не в текстовом, а в аудио-формате. И включать болтовню и музыку без предупреждения сразу при открытии страницы

[Алексей Дубровин]

pavelsha,
Круто конечно. Но это не решение разработчиков.
Когда к тебе приходит заказчик и говорит хочу видео на экране.
Никого не волнует нравиться тебе это или нет.
Ты или работаешь или теряешь клиента.

[pavelsha]

Алексей Дубровин,
ОК, представим ситуацию:

Я работаю в автосервисе. Приходит ко мне клиент и говорит: " Я купил новые кованные диски. Крутые на 21" с низкопрофильной резиной. Только у меня авто Логан, а в диске 5 посадочных отверстий. Ты мне насверли 4 дырки под мое авто. Лифтани его. А еще сквозь эти литой лиск видны тормозные колодки и диск тормозной, что портит эстетику. Выкинь их нафиг."

Соглашаешься и делаешь. "Чтобы не терять клиента".

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

[Алексей Дубровин]

pavelsha,
Это пример на уровне омёбы, тк как его основная суть сделать пример, который якобы аргументирует ответ.
Это как спорить с человеком "ООО прививки убивают, я в гугле видел" И гуглить " 10 причин смерти от прививки".
логика(Взял 1 что высветилась в гугле) мб есть лучше..

[pavelsha]

Алексей Дубровин,
Минуту погоди... Не гугли прямо так сразу...

Давай пересчитаем твой первый ответ:

Лично я смотрю на фоновый видос в 100% случае - 0 раз.
Обычно в поиске информации это очень сильно отвлекает.
А скорость открытия сайта это всегда приятно

Согласен с тобой на 100%!

Теперь развиваем дальше твою мысль. Для чего вообще страница? - наверное, чтобы донести до посетителя какую-то информацию или побудить на какое-то действие (пусть пройти регистрацию, оставить свою анкету или проголосовать).

Если фон тормозит страницу до неприличия, если он отвлекает, то что должен сказать заказчику хороший специалист? - Я считаю, что как минимум рассказать про подводные камни.
Алексей, ты согласен?

В общем совет автору вопроса: ещё раз вместе с заказчиком подумать нужна ли анимация в фоне. И делать её только если действительно нужна

Answer 2

[pavelsha]

Главный подводный камень - фоновое видео-, аудио- сопровождение может отвлечь от основного содержимого страницы.

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

Учти, что Гифка такого размера на 5-7 секунд будет больше весить чем видеоролик.

Давай пересчитаем ответ Алексея чуть выше:

Лично я смотрю на фоновый видос в 100% случае - 0 раз.
Обычно в поиске информации это очень сильно отвлекает.
А скорость открытия сайта это всегда приятно

Прав на 100%!

Теперь развиваем дальше эту мысль. Для чего вообще страница? - наверное, чтобы донести до посетителя какую-то информацию или побудить на какое-то действие (пусть пройти регистрацию, оставить свою анкету или проголосовать).

Если фон тормозит страницу до неприличия, если он отвлекает, то что должен сказать заказчику хороший специалист? - Я считаю, что как минимум рассказать про подводные камни.

В общем совет автору вопроса: ещё раз вместе с заказчиком подумать нужна ли анимация в фоне. И делать её только если действительно нужна

Answer 3

[true]

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

и вместо гифки можно использовать спрайты из джипегов

Comments

[Дмитрий Беляев]

может, если поставить атрибут muted

[Ruslanyo_1st]

Это не поможет для ios с включенным энергосбережением