В каком формате лучше сделать анимированный баннер?

В каком формате лучше сделать анимированный баннер?

анимированный баннер

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

Вопрос на самом деле очень серьезный и напрямую относится к наполненности кошелька.

  • Если выбрать неправильный формат рекламного баннера – это приведет к снижению покупательской активности, падению популярности бренда, уменьшению доверия и лояльности целевой аудитории.

Как следствие – ошибка при определении правильного баннера обернется финансовыми потерями.

Как выбрать формат анимированного баннера

Мудрые говорят: "Знание преумножает скорбь", а опытные говорят: “Недостаток знаний порождает ошибочные действия и приводит к неприятным последствиям”.

На самом-то деле, если углубиться в суть вопроса с анимированными баннерами, то и выбора-то никакого нет – требования к форматам анимированных баннеров жестко определяются и ограничиваются современными технологиями.

Немного технических вопросов

Различия между форматами GIF/SWF

Самыми популярными форматами для динамической рекламы стали GIF и Flash. Рассмотрим спецификации.

  • GIF – это анимация в классическом представлении. Последовательность сменяемых картинок. Можно выбрать количество цветов, частоту кадров, цикличность повторений. Выглядит как всеми любимая мультипликация.
  • Flash-видео, формат файла обозначается .SWF. Компьютерная векторная графика. Кадрирование привязывается к событиям, а не времени. Поскольку речь идет о программах сценариях, появляется возможность для широкого применения интерактивных функций. Flash-баннер может помогать клиенту в выборе, изменять коммерческое предложение в зависимости от требований покупателя, производить вычисление полной цены товара и так далее. Особенностью формата флеш является возможность создавать целые полнометражные кинофильмы в одном файле с малюсеньким весом.

Несколько лет назад, с подачи Стива Джобса, мобильные устройства начали отказываться от поддержки технологии Flash Macromedia. Возможно, это было желание подложить свинью успешному конкуренту, или правда что-то не так в Королевстве Флеш.

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

Хитрые рекламщики, конечно, уже придумали выход.

На место флеш-баннера следует предусмотрительно размещать “заглушку”, альтернативную картинку в формате GIF, PNG либо JPEG. К сожалению, самая изюминка – интерактивная анимация при этом теряется и уровень маркетингового взаимодействия с целевой аудиторией снижается. А значит, падают и доходы онлайн-бизнеса.

Мобильные проблемы анимированных баннеров

Теперь вы знаете, что SWF на мобильниках просто не читается, тогда годится GIF?

Тоже не все просто. Фиксированные габаритные размеры GIF-баннеров или видео-баннеров (MP4, FVL) часто не вписываются в разные размеры экранов, сайты отображаются криво, клиенты опять недовольны.

Как же сделать анимированные баннеры кросс-платформенными – адаптирующимися под любые устройства, форматы и разрешения дисплеев?

Выход есть!

Рекомендуемое решение – конвертация баннеров старого образца в MP4 и использование технологии HTML5. В этой новой технологии баннер любого размера и формата как бы помещается в "резиновый" фрейм и при загрузке веб-страницы в любой браузер, на любом устройстве автоматически подстраивается под текущие условия.

Размещение видео в формате MP4 осуществляется с помощью помещения его в тег-контейнер кода HTML5. Таким образом:
<video autoplay="autoplay" loop="loop" width="400" height="300">
<source src="video.mp4" type="video/mp4" />
<img src="video.gif" width="400" height="300" /></video>

Прокрутить вверх