Добро пожаловать в блог Bannerboo

Расскажем и поделимся всем, что знаем!

Как оптимизировать GIF баннеры?

21 июля 2020

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

Для справки: только в Google Adwords сегодня действует около 20 различных форматов анимированных баннеров под разные площадки, виды размещений, рекламные кампании.

Как же подстроиться под каждую площадку,  не тратя при этом время на создание GIF баннера для каждого формата? Выход есть: оптимизация. Как оптимизировать один шаблон баннера для применения на всех площадках, подскажут дизайнеры BannerBoo.

Верная длительность и скорость — залог успеха

Какая реклама действует эффективно? Та, которая моментально доносит смысл сообщения! Чем короче и точней вы излагаете суть, тем быстрее и больше лидов вы приведете. Тем более, что среднестатистическому человеку достаточно 5 секунд для принятия осознанного решения по любому предложению!

Совет №1: Выбирайте длительность GIF баннера не больше 1-2 секунд — для стандартных рекламных предложений, и не больше 10 секунд — для всей анимации. Тогда оптимальная длительность одного кадра, при которой читатель успеет уловить суть, но не остановится на середине сообщения — 0,3-0,5 секунды, а скорость изменения дубликатов с эффектами — 200-500 миллисекунд.

Совет №2: Учитывайте место трансляции рекламы. Для десктопных анимированных изображений путь прохождения — дольше, поэтому скорость должна быть ниже, нежели для мобильной дисплейной рекламы.

Работайте с кадрами!  Обратите внимание на то, сколько кадров в секунду (fps) у вашей анимации. Чем выше fps, тем более плавной, но и больше по весу будет анимация. И, наоборот, чем меньше fps, тем более грубый GIF баннер вы получите, а это может повлиять на его конверсию!

Идея №1: Анимации BannerBoo всегда показывают высокий CTR за счет продуманной логики и креатива на грани. Посмотрите наши вариации из 7 000  шаблонов под разные ниши и кампании, выберите наиболее подходящие и работайте с уже готовой концепцией. При этом в нашем тарифе “Плюс” специально для случаев, когда требуется оптимизация, есть инструмент для автоматического подбора нужного размера файла.

Худеем на глазах: как уменьшить вес GIF анимации

Хостинг каждого сайта — не безграничный. Так, 90% места облачного хранилища сайта уходит именно под медиафайлы. Чем больше тяжелых файлов размещено на сайте, тем дольше он будет загружаться. А в случае, если сайт загружается дольше 3 секунд, вы можете потерять около 36% аудитории. Поэтому путь к успеху — облегчение файлов.

Для снижения общего веса GIF файла попробуйте следующее:

  1. Уменьшайте количество тяжелых эффектов. Даже в этом тексте мы могли добавить бегающий курсор, активные тени к заголовкам или даже вспышки фейерверков, но это бы никак не повлияло на общую пользу материала — тут это неуместно.
  2. Оптимизируйте качество. Исходные фото высокого разрешения, несмотря на их уникальность, очень тяжелые. Облегчите исходные фото, снизив качество со 100% до 95-85%. Это не так заметно для неподготовленного взгляда, хотя на результаты рекламной кампании никак не влияет.
  3. Убирайте «радужность» и «клоунизм». Наличие всех цветов радуги в рамках одной GIF анимации онлайн будет только раздражать. Глобальная цветовая палитра для всех кадров баннера — лучшее решение. Не стоит выбирать персонализированную палитру, она не только не принесет желаемого охвата, но и сильно утяжелит файл.
  4. Сокращайте текст. Стандартная передача текста осуществляется в медийных форматах png и jpg, что существенно утяжеляет готовый рекламный баннер. Есть возможность внедрить текст в изображение? Круто. Можно сократить CTA? Еще лучше.

К сожалению, требования сетей к баннерам очень жесткие, особенно в сравнении с требованиями к видео. Например, Google не примет материал тяжелее 150 Кбайт. Поэтому старайтесь удовлетворить именно эти ограничения.

Идея №2: Итак, вам нужно сжать GIF баннер, но кажется, уже все ненужное удалено, хотя вес все еще слишком большой. A/B тесты в помощь! Поэтапно удаляйте 3D-эффекты, сокращайте текст, снижайте качество оригинальных изображений, меняйте цветовую палитру. Сохраняйте свои баннеры-шаблоны и с помощью тестирования определяйте, какие же параметры не влияют на конверсию, хотя оптимизируют GIF анимацию.

Креативьте, тестируйте, пробуйте новые лаконичные форматы с уникальными дизайнерскими концепциями от BannerBoo и улучшайте работу с аудиторией прямо сегодня!

Уже вдохновились? Попробуйте создать анимированный баннер в нашем простом и понятном конструкторе всего за несколько минут. Это не потребует от вас навыков программирования!


Похожие статьи:

Уууупс!
Нам очень жаль, но, кажется, ваш браузер используте плагин типа Ad blocker. Поскольку BannerBoo является инструментом для создания и управления баннерами, а ad blocker сильно усложнит вашу работу по созданию баннеров, используя наш сервис.

Пожалуйста, добавьте *.bannerboo.com* в список исключений либо отключите ad blocker.