Услуги Кейсы Онлайн-школам Vakas-tools Блог FAQ Контакты
5 мин чтения ·

Создать баннер онлайн: размеры, текст и во что упирается вёрстка

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

Создать баннер онлайн: размеры, текст и во что упирается вёрстка

Коротко

  • Первым делом узнайте размер и требования площадки, а не открывайте редактор: неверный холст это самая частая причина повторной вёрстки.
  • На баннере помещается одна мысль. Всё, что не влезло в неё, работает против клика.
  • Готовьте сразу набор размеров под одну кампанию: единая сетка снижает риск переверстки каждого баннера отдельно.
  • Из проверенного: у Supa заявлены баннеры для Директа, MyTarget и сайта, у Wilda произвольный размер холста и выгрузка в PNG, JPEG и PDF.

Баннер начинается не с картинки, а с цифр площадки: размер, вес, формат. Дизайн работает уже внутри этой рамки.

Шаг 1. Возьмите требования у площадки

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

Выпишите три вещи до открытия редактора: размер в пикселях, допустимый вес и формат. Дальше вся работа пойдёт внутри этой рамки.

Шаг 2. Решите, что на нём написано

Баннер видят краем глаза. Значит, у него одна работа: донести одну мысль и дать понять, куда ведёт клик.

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

Если в баннере оказалось три сообщения, это три разных баннера, а не один плотный.

Шаг 3. Соберите в редакторе

У Supa в каталоге заявлены баннеры для Яндекс.Директа, MyTarget и сайта, а также рекламные креативы, видеобаннеры, обложки групп и Youtube. Бесплатный тариф не ограничивает число макетов, но доступность нужного формата и условия выгрузки проверьте до сборки комплекта.

У wilda.ru отдельного пресета «рекламный баннер» нет, зато есть произвольный размер холста и выгрузка в PNG, JPEG и PDF. Это рабочий путь, когда баннер идёт не в рекламную сеть, а на сайт или в документ, и когда его нужно сдать вместе с остальными материалами в едином стиле. Оплата у сервиса за скачивания: 150 ₽ за файл, 350 ₽ за пять, 399 ₽ за месяц без ограничений.

Считайте по числу выгрузок. Кампания это обычно комплект, а не один баннер: один файл 150 ₽, два-три — пакет за 210 ₽, четыре-пять — пакет за 350 ₽, с шестого — месяц безлимита за 399 ₽.

Честно про ссылку

Ссылка на Wilda партнёрская: если перейти и оплатить, vakas.ru получит часть платежа. Остальные ссылки в этой статье обычные, не партнёрские.

Шаг 4. Проверьте до загрузки

Уменьшите баннер до реального размера показа и посмотрите на него с расстояния вытянутой руки. Читается заголовок, видно кнопку, понятно, чей это баннер? Если нет, проблема не в мониторе.

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

Где теряют деньги

  • Рисуют один баннер и потом растягивают его под другие размеры. Растянутый макет разваливается: текст либо не влезает, либо теряется. Дешевле сразу собрать сетку под весь комплект размеров.
  • Ставят три сообщения вместо одного. Плотный баннер выглядит содержательным на мониторе дизайнера и нечитаемым в ленте.
  • Берут размеры из старой статьи. Требования площадок меняются, и партия готовых макетов уходит в переделку целиком.
  • Покупают месяц безлимита ради двух файлов. Две выгрузки разовыми это 300 ₽, пакет из трёх дешевле — 210 ₽, а месяц за 399 ₽ окупается с шестого файла.

Что дальше с баннером

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

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

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

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

Сколько текста можно писать на баннере?

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

Можно ли сделать баннер бесплатно?

Собрать макет можно на бесплатном тарифе Supa: число креативов там не ограничено, но доступность формата и экспорт проверьте сами. У Wilda бесплатна публикация документа онлайн, а скачивание файла платное, от 150 ₽.

Баннер редко переделывают из-за плохой картинки. Чаще причина в неверном холсте, лишнем тексте и файле, который не приняла площадка. Три проверки перед сборкой закрывают именно эти причины.

Понравилась статья? Расскажите нам о своей задаче — поможем настроить или построим под ключ.

Как сделать презентацию онлайн: три пути и во что каждый упирается

Как сделать презентацию онлайн: три пути и во что каждый упирается

Презентацию онлайн делают тремя разными способами, и выбор зависит не от вкуса, а от того, куда она пойдёт дальше. Конструктор, офисный редактор в браузере и работа со старым pptx: что каждый даёт, где ломается и сколько стоит на август 2026 года.

Как создать интернет-магазин самому: пошаговая инструкция 2026

Сайты и лендинги

Как создать интернет-магазин самому: пошаговая инструкция 2026

Как собрать интернет-магазин самому на конструкторе Tilda: платформа, каталог, корзина, приём оплаты по 54-ФЗ с фискальным чеком, доставка, тарифы Personal/Business и запуск. Цифры — из официальных источников Tilda и ФНС.

Wilda: обзор онлайн-конструктора документов, тарифы и кому подходит

Wilda: обзор онлайн-конструктора документов, тарифы и кому подходит

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

Готовы обсудить проект?

Расскажите задачу — пришлём план и бюджет в течение дня.

Написать в Telegram

Отвечаем быстро в рабочее время — в любом удобном мессенджере

Спасибо! Заявку получили — напишем вам в ближайшее время.

Нажимая кнопку, вы соглашаетесь с обработкой персональных данных. Напишем вам в WhatsApp или Telegram в течение 15 минут в рабочее время.