Рекламодатели экспериментируют, чтобы найти «свой» формат для идеальной кампании. Например, выбирают между объявлениями в виде GIF- или HTML5-баннеров. Расскажем, чем они отличаются, и поможем определиться.
GIF-баннер | HTML5-баннер | |
Что это такое | Формат состоит из серии растровых изображений, которые сменяют друг друга и показывают рекламную информацию покадрово. | Более продвинутый формат — баннер состоит из кода, текста и изображений. |
Возможности для анимации и креатива | В большинстве случаев в GIF-баннер не добавить анимацию, потому что рекламные платформы устанавливают ограничения в весе — 150-300 КБ. А один кадр в GIF-баннере — минимум 70 КБ. Чем больше кадров, тем больше вес. Кроме того, в GIF-файл нельзя добавить аудио, видео или интерактивные элементы. | HTML5-файлы могут быть в 5-10 раз легче GIF, поэтому не превышают лимит платформы и подходят для анимации. В этом заслуга кода — при воспроизведении заново отрисовывается только движущийся элемент. Здесь нет отдельных «тяжёлых» кадров. В HTML5 можно делать плавную анимацию с эффектами и изингами — замедлением или ускорением. |
Качество изображения и поддержка Retina дисплеев | Файлы GIF — 8-битные и отображают только 256 цветов. На экранах Retina плотность пикселей вдвое выше, чем на обычных дисплеях, поэтому GIF-реклама выглядит слегка размытой. Чтобы повысить чёткость, нужно увеличивать размер файлов. Так, Яндекс в некоторых случаях позволяет использовать 2x или 3x форматы. Например, для формата 240x400 баннеры загружаются в размере 480x800. Но такая возможность — редкость. В основном можно использовать только оригинальный размер, что ухудшает картинку. | HTML5 картинка не искажается и остается яркой и сочной даже если рассматривать ее в увеличенном формате. Баннеры чётко выглядят на Retina дисплеях и не требуют дополнительных манипуляций при загрузке. Анимации максимально плавные — и легко передают замедленные или, наоборот, высокоскоростные движения. |
Бюджет и сроки | GIF-баннер можно создать за день в Photoshop, Figma или Canva. Стоят они недорого даже с учётом большого количества ресайзов — в среднем, от 1000-1500 рублей. | Подготовка HTML5 занимает больше времени из-за анимации и необходимости учитывать требования площадок к коду. Стоит баннер в два, три или даже четыре раза дороже GIF — в зависимости от сложности задачи. Чем больше ресайзов, тем ощутимее разница. |
Покажем, как выглядят баннеры обоих форматов в нашем исполнении — на примере объявлений для банка Точка:
Итак, вы можете выбрать GIF, если:
- Ограничен бюджет.
- Важна скорость разработки.
- Анимация или тщательная детализация картинки не нужны.
И остановитесь на HTML5, когда:
- Хотите плавную и чёткую анимацию с интересными эффектами.
- Нужны резиновые баннеры, которые тянуться по ширине или высоте и адаптируют содержимое под размер экрана пользователя.
- Требуются интерактивные элементы, например, если вы рекламируете игры. В остальных случаях они используются реже.
- Готовы ждать и платить больше ради качества.
В целом, эффектный внешний вид делает HTML5 более кликабельным форматом — при условии, что дизайн разработан грамотно. Анимированный баннер привлечёт больше пользователей на сайт, а вы быстрее увидите, как растёт конверсия. Посмотреть примеры баннеров от нашей компании можно .
