Баннер, который не обрезался: как собрать креатив под Директ, ВК и маркетплейсы

Размеры баннеров для рекламы — таблица форматов, пропорции и безопасные зоны

Три формата одного баннера: 1:1, 16:9 и 9:16

Вы загрузили баннер в кабинет — а он обрезался. Или текст уехал под кнопку «Купить». Или показы есть, а кликов почти нет. Знакомая история: макет нарисован красиво, но под площадку не подогнан.

Ниже — размеры баннеров для рекламы в пикселях и пропорциях: Директ, ВК, Telegram, Ozon, Wildberries и Google. Таблица поможет выбрать формат, а чек-лист — проверить, что текст не обрежется.

Проблема не в дизайне. Она в формате: пропорции, безопасные зоны и количество текста. Ниже — короткий разбор, который сэкономит вам время на привлечении дизайнера и лишние расходы на него.

Почему креатив решает больше, чем бюджет

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

Отсюда простое правило: лучше три честных креатива с разными офферами, чем один «универсальный» на все площадки. Универсального баннера не существует — есть универсальная композиция, из которой собираются форматы.

Какой размер баннера выбрать: три формата, которые закрывают почти всё

Если не хочется разбираться в десятках форматов, начните с трёх.

- Квадрат 1:1, 1080×1080. Лента Директа и ВК, карточки Ozon и Wildberries, товарные блоки. Самый универсальный размер: с него проще всего начать.

- Горизонталь 16:9, 1080×607. Широкие баннеры в РСЯ, посты в Telegram, медийные блоки.

- Вертикаль 9:16, 1080×1920. Сторис и клипы ВК, Reels, Shorts, вертикальные экраны.

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

Размер баннера в ВК

В ленте и карусели ВК — квадрат 1080×1080. Для записей подойдёт 1080×1350, для клипов и сторис — 1080×1920. Пропорции совпадают с Директом, поэтому один макет закрывает обе площадки.

Почему пропорции важнее пикселей

Площадка вписывает картинку в свой контейнер по соотношению сторон. Если пропорция не совпадает, края обрезаются или появляются поля.

Покажу на примере. Баннер 1080×607 и 1080×1080 — это два разных макета. На квадрате горизонтальная композиция теряет заголовок: он был рассчитан на широкий кадр. На вертикали не хватает ширины под оффер.

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

Один макет — четыре формата: 16:9, 1:1, 4:3 и 9:16.

Безопасные зоны: где площадка съест ваш текст

Не ставьте текст и логотип ближе 5–8% к краю.

На вертикальных форматах верх и низ перекрывает интерфейс: кнопки, подписи, полоса прогресса. Отдельно проверьте нижний правый угол — там чаще всего появляется кнопка «Подробнее». Если оффер попал в эту зону, в кабинете он будет, а на экране — нет.

Смарт-центр в Директе: заголовок обрезается краем формата.

Ключевое сообщение держите в центральной трети. Это не эстетика, а механика: центральная часть остаётся видимой при любом кадрировании.

Сколько текста помещается

- Заголовок — 3–5 слов, одна мысль.

- Подзаголовок — до 10 слов, пояснение выгоды.

- Кнопка — 2–3 слова: «Заказать», «Смотреть», «Получить скидку».

- Шрифт — не меньше 5% высоты баннера. На квадрате 1080×1080 это около 54 пикселей.

Проверка простая: уменьшите превью до размера ногтя. Если текст не читается — в ленте его тоже не прочитают. Лечится не увеличением шрифта, а сокращением слов.

Кнопка „Рассчитать тираж“ перекрывает подписи — текст попал в зону интерфейса.

Как выбрать оффер

Оффер — это причина кликнуть. Он важнее цвета и шрифта.

- Одна выгода, а не список. «Соберём 16 форматов за 15 минут» работает лучше, чем «быстро, качественно, дёшево, индивидуальный подход».

- Конкретика вместо прилагательных. «Скачать пакет PNG и JPG» понятнее, чем «удобный сервис».

- Одно действие. Две кнопки в баннере делят внимание и снижают CTR.

Если не знаете, какой оффер лучше, сделайте два баннера с разными формулировками и одинаковым визуалом. Алгоритм сам покажет, что заходит аудитории.

Формат и вес файла

- JPG — фото и сложные фоны, качество 80–90%.

- PNG — логотипы, схемы, прозрачность.

- GIF — короткая простая анимация.

- WebP и SVG — поддерживаются не везде, для рекламы лучше не использовать.

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

Как мы собираем креативы в Студии

Мы сделали процесс из четырёх шагов — он занимает минуты, а не часы.

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

2. Собираете композицию из блоков: заголовок, оффер, кнопка, изображение. Не картинку целиком, а именно блоки.

3. Отмечаете форматы — квадрат, горизонталь, вертикаль, карусель. Макет пересобирается под каждый.

4. Проверяете превью и скачиваете пакет. Файлы разложены по форматам, имена понятные.

Дальше — загрузка в кабинет. Если площадка поменяет требования, вы правите один блок, а не перерисовываете десять файлов.

Чек-лист перед загрузкой

- Пропорция совпадает с контейнером, а не только ширина и высота.

- Текст читается на телефоне без увеличения.

- Логотип не упирается в край и не перекрыт интерфейсом.

- Нет мелких деталей, которые исчезнут при сжатии.

- Вес файла в пределах лимита площадки.

- У карточек карусели одинаковые пропорции.

Если все шесть пунктов — «да», баннер, скорее всего, не обрежется и не потеряет смысл.

Пять ошибок, которые встречаются чаще всего

1. Растянуть один файл под все форматы. Пропорции ломаются, товар деформируется, текст уезжает.

2. Поставить текст вплотную к краю. Его перекрывает интерфейс площадки.

3. Использовать мелкий шрифт. На мобильном он превращается в серую полосу.

4. Забыть про вес. Площадка отклоняет файл или сжимает его до «мыла».

5. Сделать разные фоны у карточек карусели. Лента выглядит рвано, взгляд не задерживается.

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

Что делать, если бюджет маленький

- Начните с одного формата и одного оффера. Не распыляйте показы на пять креативов сразу.

- Сделайте два-три варианта заголовка. Даже смена одной фразы иногда меняет CTR в разы.

- Не экономьте на читаемости: дешёвый клик с непонятного баннера всё равно не станет заявкой.

Частые вопросы

Какой размер баннера самый универсальный?

Квадрат 1080×1080: он подходит для ленты Директа, ВК и карточек маркетплейсов.

Какой размер баннера в ВК?

В ленте и карусели — 1080×1080, для записей — 1080×1350, для клипов и сторис — 1080×1920.

Почему баннер обрезается при загрузке?

Пропорции файла не совпадают с контейнером площадки. Проверяйте соотношение сторон, а не только ширину и высоту.

Можно ли из одного макета сделать все размеры?

Да, если макет собран из блоков. Тогда он пересобирается под каждую пропорцию без перерисовки.

Попробовать

Студия креативов собирает баннеры под Директ, ВК, Telegram и маркетплейсы из одного макета. Первые 10 дней — бесплатно, без карты.

Сайт: studiya-kreativa.ru

Полная таблица размеров по площадкам: studiya-kreativa.ru/razmery-bannerov

Статья подготовлена командой Студии креативов.