Как выбрать размер рекламного баннера: шпаргалка для маркетолога

Размер баннера влияет на видимость рекламы, охват и цену клика. Если хотите, чтобы баннер выглядел корректно везде и не подводил на старте кампании — читайте наш гайд по форматам и типовым ошибкам. Расскажем, как подготовить изображение для VK, Telegram и рекламных сетей.

Что такое баннер и почему его размер имеет значение

Баннерная реклама — это формат продвижения, когда рекламное изображение размещают на сайтах, в приложениях или соцсетях. Задача — привлечь внимание пользователя и мотивировать его к действию: заполнению лид-формы, подписке или покупке.

Обычно такая реклама состоит из картинки, её называют баннер, текста и призыва к действию. Ключевую роль играет именно баннер. Исследования показывают, что 67% пользователей первым делом замечают изображение, а только потом читают текст. Мозг обрабатывает визуальную информацию быстрее, поэтому так важно выбрать правильный размер баннера.

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

В статье рассмотрим только те площадки, которые разрешены законом. Размещение рекламы в Instagram и Facebook приравниваются к переводу денег экстремистской организации. Подробнее об ограничениях — в нашем разборе.

Частые ошибки для всех видов баннеров и как их избежать

Даже опытные специалисты допускают эти ошибки:

1. Часть картинки обрезается. Так происходит, когда размер баннера не совпадает с рекламным местом. Чтобы этого избежать, проверьте требования платформы и делайте макет строго по указанным размерам.

2. Баннер долго загружается, а иногда не показывается вовсе. Причины обычно две: слишком тяжёлый файл или плохой интернет у пользователя. В обоих случаях решение одно — оптимизируйте баннеры для web: используйте форматы JPEG, PNG или WebP и следите, чтобы размер файла не превышал рекомендованные значения. 

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

3. Баннер выглядит не так, как задумывалось. На практике один и тот же макет может по-разному отображаться на разных сайтах, в приложениях и соцсетях: элементы съезжают, текст выходит за пределы блока, а логотип обрезается. Проверяйте адаптацию баннера в редакторе предпросмотра и тестируйте на всех площадках, где будет показ.

4. Не работает ссылка или трекинг. Если указать неправильную ссылку или некорректно настроить UTM-метку, вы не сможете оценить эффективность кампании и потеряете трафик. Перепроверяйте все ссылки заранее и следите, чтобы они вели на нужные страницы.

5. Качество изображения скачет на разных устройствах. Баннер, который выглядит чётко на одном экране, может стать размытым на другом из-за разных разрешений и плотности пикселей. Если использовать только один вариант изображения с низким разрешением, на современных экранах смартфонов и ноутбуков баннер растягивается, а детали теряются. Чтобы избежать этой проблемы, делайте отдельные версии для мобайла и десктопа.

6. Баннер не прошёл модерацию. Проверьте свой макет. Чаще всего проблема в тексте — он должен занимать не более 20% от площади изображения. Или в мелких элементах — по правилам на иллюстрации нельзя добавлять кнопки и другие элементы, которые могут ввести пользователя в заблуждение. Например, псевдокнопки или имитации системных окон. 

Размеры баннеров во ВКонтакте

В соцсетях тип и размер баннера зависят от места размещения, устройства пользователя и формата публикации. Форматы JPEG, PNG, GIF, HTML5 и MP4 поддерживает большинство рекламных площадок.

Размеры баннеров для ВКонтакте зависит от типа рекламы и места размещения:

Универсальное объявление — это реклама в новостных лентах. Баннер транслируют и в мобильной, и в десктопной версии ВКонтакте. Поддерживаются картинки и видео размером 600×600, 1080×1080, 1080×1350 и 1080×607 пикселей. Универсальный баннер подходит для продвижения сайта, паблика, каталога, приложений и сбора заявок.

Тизер — это небольшой боковой баннер 145×165 или 145×85 пикселей, который показывается только на десктопе в левой колонке VK. Картинка до 5 Мб, форматы PNG, JPEG, GIF. Чаще всего их используют для привлечения холодной аудитории.

Баннер в историях и клипах — это вертикальное изображение или видео, которое показывается в мобильной версии VK между историями и клипами пользователей. Рекомендуемый размер — 720×1280 пикселей, пропорция 9:16.

Карточка в Карусели — формат слайдера, где в одном объявлении можно разместить до 10 карточек. Пользователь листает их горизонтально в ленте. Для каждой карточки подходит изображение 600×600 или 1080×1080 пикселей. Карусель используют, чтобы показать ассортимент товаров, раскрыть преимущества или провести мини-презентацию продукта.

Промопост с кнопкой или ссылкой на сайт — рекламная запись с баннером 537×240 пикселей и активной кнопкой. Такой формат подходит для быстрого перехода на сайт или оформления заявки. Обычно используют для прямого продвижения услуг и сбора заявок из ленты.

Размеры баннеров в Telegram

Под рекламными банерами в Telegram имеют в виду не только встроенную рекламу в мессенджере, но и посты в каналах. Разберём оба варианта. 

Баннер в канале — это привычный пост с изображением, текстом и ссылкой. Формально Telegram не ограничивает размеры картинки, но оптимально использовать горизонтальный формат 1280×720 или квадрат 1080х1080 пикселей. Тогда пользователь увидит не только картинку, но и заголовок с текстом — а это повысит CTR.

Баннер в Telegram Ads — это встроенная реклама, которая показывается в открытых каналах между постами. Тут уже правила строгие, размер изображения — от 640×360 до 1280×720 пикселей, соотношение сторон 16:9.

Размеры баннеров в рекламных сетях

В рекламных сетях большой набор форматов, при этом на разных площадках почти одинаковые требования : вес файла до 150 Кб, формат отображения — JPEG, PNG, GIF, HTML5. Чтобы картинка быстро загружается и корректно показывалась, рекомендуют сохранять макеты именно в HTML5. За счёт кода баннеры лучше подстраиваются под различные экраны и устройства. 

Важно учитывать, что каждая рекламная сеть и площадка может иметь свои ограничения по формату, размеру и весу. Желательно создавать баннеры в нескольких вариантах — для разных размеров экранов и рекламных площадок, чтобы реклама всегда выглядела корректно и привлекательно вне зависимости от устройства пользователя.

Самый заметный формат — Leaderboard. Это баннер размером 728×90 пикселей, расположенный в верхней части страницы. Как правило, это тот самый блок, который первым бросается в глаза. Его используют, чтобы проанонсировать акцию или рассказать о новом продукте. Подходит для размещения только на десктопе.

Мобильная версия Leaderboard — Mobile Leaderboard. Размер — 320×50 пикселей. Расположен в верхней или нижней части сайта. Часто фиксируется при прокрутке, чтобы пользователь продолжал его видеть. Это стандартный формат для Google AdSense, Яндекс.Директ и многих рекламных сетей.

Универсальный формат, который есть на большинстве сайтов — Medium Rectangle или прямоугольник. Размер — 300×250 пикселей. Такой баннер часто появляется внутри статей, в боковых панелях или в конце материалов. Его выбирают для продвижения товаров и услуг в интернет-магазинах, на новостных порталах, в блогах и даже в мобильных приложениях.

Увеличенная версия прямоугольника — Large Rectangle. Размер 336×280 пикселей. Часто размещается в тексте или в конце статей, подходит для крупного изображения и детализированного оффера.

Редкий— Wide Skyscraper или широкий скайскрейпер. Вертикальный баннер размером 160×600 пикселей, появляется сбоку от основного контента. Его можно встретить на новостных порталах, форумах и в блогах. Такой формат удобен на длинных страницах с прокруткой: баннер всё время остаётся на виду, не мешает чтению, но стабильно попадает в поле зрения пользователя. На мобильных устройствах этот формат не используют.

Самый популярный из вертикальных — Half Page. Этот баннер размещают в сайдбаре или между блоками контента. Размер — 300х600 пикселей. Он подходит для рекламных кампаний, где нужно подробно рассказать о продукте, показать несколько преимуществ или разместить крупное изображение. Актуален только для десктопа.

Занимающий треть экрана — Billboard. Крупный горизонтальный баннер размером 970×250 пикселей. Обычно размещается в самом верху страницы над контентом, в качестве преролла или вставки. Работает на десктопных версиях сайтов. Хорошо привлекает внимание за счёт больших размеров и заметного расположения. Оптимальный вариант, если нужно получить всё внимание пользователя или проанонсировать крупное промо.

Легко встраиваемый в контент — Square/Small Square. Размер — 250×250 и 200×200 пикселей. Такие баннеры удобно вставлять в боковые панели, под основным контентом или внутри статей. Подходят для коротких сообщений или компактной графики.

Советы: что учесть при подготовке рекламных баннеров

• Делайте несколько разных макетов. Один и тот же баннер не подойдёт для всех площадок. Чтобы реклама корректно отображалась и охватывала максимум аудитории, сразу делайте 3–5 вариантов под самые востребованные форматы, например, 300×250, 728×90, 320×50, 160×600.
• Адаптируйте макеты под мобильные устройства. Обязательно создайте отдельный баннер для смартфонов, потому что на маленьких экранах крупный текст и детали смотрятся иначе, чем на десктопе. Размеры баннеров для мобильных устройств универсальны для большинства сетей: 320×50, 300×100, 320×100 пикселей. 
• Учитывайте ограничения по весу и формату. Максимальный размер файла — обычно до 120–150 Кб. Используйте форматы JPEG, PNG, GIF или HTML5. Оптимизируйте баннеры, чтобы они быстро загружались и не теряли в качестве на разных устройствах.
• Старайтесь не перегружать баннер деталями. Слишком много текста, кнопок или мелких элементов ухудшают читаемость и привлекают меньше внимания. Сделайте один яркий визуальный акцент и простой месседж.
• Перед запуском проверьте, как баннер выглядит на смартфоне: в редакторе и в предпросмотре рекламного кабинета. Изображения и шрифты для мобайла должны быть крупнее и контрастнее — мелкие надписи или тонкие линии могут стать неразборчивыми.
• Если баннер не прошёл модерацию, проверьте ограничения по тексту, весу, содержанию и формату файла. Уберите элементы, вводящие в заблуждение и уменьшите количество текста. Избегайте фраз типа «Жми сюда», обманных кнопок, эмодзи, системных иконок и призывов, нарушающих правила площадки — это частая причина отклонения модерации.