Генератор баннеров для Яндекс Директа

Соберите картинку для РСЯ за пару минут: впишите заголовок, цену и адрес сайта, поставьте фото товара поверх фона, добавьте фигуру или градиент и скачайте PNG во всех форматах Директа. В основе — макет, по которому я делал баннеры для своей рекламной кампании.

Размер
У каждого размера своё расположение текста, картинок и фигуры.
Стиль
Тексты
Enter — новая строка.
Цена всегда остаётся одной строкой.
Необязательно. Рисуется цветом акцента под ценой.
Картинки поверх фона
Лучше всего PNG без фона: товар, упаковка, человек. Перетаскивайте картинку прямо на баннере, колесом мыши меняйте размер. До 6 картинок.
Расположение текста
По горизонтали
По высоте
Сузьте или укоротите текст, чтобы он не заходил на товар: шрифт уменьшится сам.
Фон и цвета
Фигура
Фоновое фото
Фото растягивается на весь баннер. Для товара поверх фона используйте блок «Картинки поверх фона».
Картинки не отправляются на сервер: баннер собирается в вашем браузере. Тексты и настройки браузер запоминает, картинки — нет.
Предпросмотр уменьшен. Скачивается картинка в полном размере, рамка выделения в неё не попадает.

Какие размеры нужны для Директа

ФорматРазмерГде пригодится
16:91080×607широкоформатная картинка — основной формат в сети Яндекса
1:11080×1080стандартная квадратная: блоки и ленты
3:41080×1440стандартная вертикальная: высокие блоки на телефонах
4:31440×1080стандартная горизонтальная

Директ делит картинки на широкоформатные и стандартные. Широкоформатные — 16:9, от 1080×607 до 5000×2812 пикселей. Стандартные — от квадрата до 3:4 или 4:3, от 450 до 5000 пикселей по каждой стороне. Файл — до 10 МБ. Загрузите широкоформатную и хотя бы одну стандартную: Директ сам подберёт картинку под место показа. Требования меняются, так что сверяйтесь со справкой Директа и подсказкой в поле загрузки.

Как поставить товар поверх фона

  1. Загрузите фото в блоке «Картинки поверх фона». Лучше всего подходит PNG без фона.
  2. Перетащите картинку на баннере, колесом мыши подберите размер. На телефоне двигайте пальцем, размер — ползунком.
  3. Товар снят на белом фоне — включите «Убрать однотонный фон» и подберите, сколько срезать.
  4. Если картинка сливается с фоном, включите тень или поставьте за товаром круг светлее фона.
  5. Переключите размеры и поправьте расположение в каждом: генератор помнит его отдельно для 16:9, 1:1, 3:4 и 4:3.

Как сделать баннер, который кликают

  • Одна мысль на баннер. Заголовок в 4–6 слов, короткая подпись и цена. Баннер видят мельком, часто на телефоне и рядом с чужим контентом.
  • Цена отдельной строкой. В первой версии моего баннера «от 25 000 ₽» разорвалось переносом между «25» и «000». На маленьком экране это читается как «от 25 ₽». Генератор такого не допускает.
  • Товар крупно. Покажите то, что продаёте: букет, пиццу, упаковку. Круг или эллипс светлее фона за товаром отделяет его от фона и притягивает взгляд.
  • Контраст. Тёмный текст на светлом фоне или наоборот. Проверьте баннер, уменьшив его до размера спичечного коробка: если текст не читается, упростите.
  • Баннер должен сочетаться с любым заголовком объявления. Директ склеивает картинки и тексты сам. Если на картинке одно предложение, а в заголовке другое, человек не поймёт, о чём реклама.

Картинка — только половина РСЯ. За первые сутки моя кампания в сети собрала около 100 кликов и ни одной заявки: клики шли из мобильных игр. Как найти такие площадки и отключить их, я разобрал в гайде по настройке Директа. Не хотите разбираться сами — настрою рекламу под ключ.

Вопросы и ответы

Какой размер баннера нужен для РСЯ?
Директ делит картинки на широкоформатные 16:9 (от 1080×607 пикселей) и стандартные — от квадрата до 3:4 или 4:3, от 450 пикселей по каждой стороне, файл до 10 МБ. Генератор сохраняет все четыре формата: 1080×607, 1080×1080, 1080×1440 и 1440×1080. Требования меняются, поэтому сверяйтесь со справкой Директа и подсказкой в поле загрузки.
Как поставить товар поверх фона?
Загрузите фото в блоке «Картинки поверх фона» и перетащите его прямо на баннере, колесом мыши поменяйте размер. Если товар снят на белом или однотонном фоне, включите «Убрать однотонный фон». Для сложного фона сначала сделайте PNG без фона в любом сервисе удаления фона.
Нужно ли раскладывать баннер заново для каждого размера?
Нет. У каждого размера своё расположение текста, картинок и фигуры: генератор сам ставит товар справа в горизонтальных форматах и снизу в квадратном и вертикальном. Поправьте, что нужно, в каждом размере и скачайте все четыре одной кнопкой.
Почему в других редакторах цена разрывается на две строки?
Пробел внутри «25 000 ₽» для редактора обычный, и перенос строки может разорвать число. Генератор ставит в цене неразрывные пробелы и держит её одной строкой, а если она не помещается, уменьшает шрифт.
Сохраняются ли мои тексты и фотографии?
Баннер собирается прямо в вашем браузере, тексты и картинки на сервер не отправляются. Тексты, цвета и расположение браузер запоминает у вас, чтобы в следующий раз не начинать заново. Картинки не сохраняются.
Можно ли использовать баннеры в коммерческой рекламе?
Да. Тексты и картинки ваши, а шрифт Montserrat распространяется по свободной лицензии SIL Open Font License, которая разрешает коммерческое использование.