Как выбрать размеры рекламных баннеров

Для готового баннера фиксированного размера и изображения в адаптивном объявлении нужны разные правила подготовки файлов.

Дизайн для разных форматов4 мин чтения

Начните с заказанных размещений. Список всех существующих размеров баннеров для этого не нужен. Для каждого размещения выясните ширину и высоту, допустимые типы файлов, максимальный вес и то, что требуется закупщику: готовый баннер или отдельные материалы для адаптивного объявления. Для этих двух задач нужны разные макеты и экспорт.

Сопоставьте размеры с заказанными размещениями

По таблице можно определить размеры из медиаплана. Названия и размеры взяты из требований Google к загружаемым медийным объявлениям; это не означает, что каждый издатель принимает все перечисленные форматы.

Формат объявленияРазмерыШирина:высотаОграничения компоновки
Встроенный / средний прямоугольник300 × 250 px6:5Изображение и текст делят компактную область.
Большой прямоугольник336 × 280 px6:5Те же пропорции, что у 300 × 250, но больше пикселей.
Leaderboard728 × 90 pxОколо 8,09:1Высота ограничивает размер текста и детализацию продукта.
Объявление на полстраницы300 × 600 px1:2Элементы можно выстроить вертикально; длинные заголовки всё равно придётся переносить.
Большой мобильный баннер320 × 100 px16:5Могут поместиться две короткие строки; проверьте в размере показа.
Мобильный баннер320 × 50 px32:5Полноценная сцена с продуктом и поясняющий абзац редко помещаются разборчиво.
Billboard970 × 250 px3,88:1Широкая раздельная компоновка позволяет сохранить больше деталей изображения.
Широкий небоскрёб160 × 600 px4:15Узкая область требует коротких строк и другого кадрирования.

Заведите по одной строке поставки на каждый заказанный размер: размещение | ширина × высота | формат | лимит в байтах | статика/анимация | адрес перехода | ссылка на требования. Если в строке написано только «мобильный баннер», попросите закупщика уточнить размер: у 320 × 50 и 320 × 100 разные пропорции. Не делайте дополнительный размер только потому, что он есть в таблице.

Перекомпонуйте макет под другие пропорции

Сгруппируйте запрошенные файлы по геометрии, чтобы переиспользовать компоновки, затем проверьте самый тесный формат в каждой группе. Макет 300 × 250 пропорционально увеличивается до 336 × 280 в 1,12 раза. В 728 × 90 он так не поместится: если увеличить ширину с 300 до 728 px, высота составит около 607 px.

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

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

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

Соблюдайте правила конкретного типа объявления

В текущих требованиях Google к загружаемым графическим объявлениям перечислены GIF, JPG и PNG с максимальным весом 150 KB. Поддержка WebP в других системах не делает его допустимым здесь. Для материалов адаптивных медийных объявлений и пакетов HTML5 действуют отдельные требования; смотрите спецификацию нужного типа объявления.

Экспортируйте точное запрошенное число пикселей. Файлы 600 × 500 и 300 × 250 имеют одинаковые пропорции, но это разные загрузки. Передавайте растр в масштабе 2× только тогда, когда принимающая система прямо требует или допускает такую плотность. Новый портфель рекламных форматов IAB описывает гибкие форматы на основе соотношений сторон; он не отменяет требования заказанного слота фиксированного размера.

Проверьте и требования к рамке. Рекомендации Google по рамкам требуют видимую контрастную границу у креативов с частично чёрным или белым фоном. Это не универсальное требование рамки в 1 px для всех сетей. Рисуйте обязательную рамку внутри холста, чтобы она не увеличивала размер экспорта.

Проверьте экспортированные файлы

Сопоставьте файлы со строками поставки вместо подсчёта монтажных областей:

  • Для каждого заказанного размера указан один финальный файл; ни одна строка не ссылается на замену другого размера.
  • Свойства файлов подтверждают точные размеры, допустимый тип и вес в пределах лимита.
  • Обязательные рамки видны, текст и логотипы не обрезаны.
  • Каждый баннер читается в размере предполагаемого показа, включая самую узкую полосу.
  • У закупщика есть соответствующий URL перехода со всеми нужными параметрами отслеживания.

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

Все статьи