Если в предпросмотре всё вылядело идеально, а в реальных показах у баннера отрезало текст, логотип или товар — это не баг, а особенности адаптивных форматов в Яндекс Директ. Платформа автоматически подстраивает изображение под десятки плоскостей и выдач, а значит — кадрирует и масштабирует креативы под нужные пропорции. Чтобы реклама выглядела аккуратно, важно заранее знать технические требования и правила безопасной области.
Как Яндекс «режет» изображения
Яндекс Директ поддерживает два ключевых типа изображений внутри текстово-графических и перфоманс-кампаний:
- стандартные пропорции от 1:1 до 4:3 / 3:4;
- широкоформат 16:9.
При загрузке одного исходника система создаёт адаптивные варианты и подгоняет их под плейсмент, из-за чего края кадра могут быть сдвинуты или обрезаны. Если важные элементы (текст, логотип, CTA, лицо, ключевой товар) находятся у кромки, они рискуют исчезнуть в показах. Отсюда ощущение «в предпросмотре было, в реале — нет».
Технические рамки: что учитывать при дизайне
Базовые требования
- Стандартные изображения: от 450 до 5000 пикселей по каждой стороне при соотношениях 1:1–4:3/3:4.
- Широкоформат: от 1080×607 до 5000×2812 при 16:9.
- Форматы: JPG, PNG, GIF (у GIF используется только первый кадр).
- Вес файла — до 4–10 МБ в зависимости от типа кампании.
Смысл этих требований прост: система должна иметь запас по разрешению для качественного ресайза, а также возможность гибко кадрировать без заметной потери чёткости.
Правило «20%»
Текстовые или графические элементы (кнопки, логотипы, водяные знаки), занимающие слишком большую площадь, ухудшают читаемость после масштабирования и чаще попадают под обрез. Рекомендуется, чтобы суммарно они не превышали примерно пятой части площади изображения. Это помогает сохранить чистую композицию после автоматических трансформаций.
Где чаще всего происходит обрезка
- В адаптивных плейсментах РСЯ, где один и тот же креатив показывается в блоках разных размеров и ориентаций.
- В широкоформатных слотах 16:9, если исходник не подготовлен под горизонт и был «растянут» из квадрата.
- На мобильных площадках, где вертикальная прокрутка и компактные блоки принудительно центрируют и кадрируют изображение.
Безопасная зона: как не потерять смысл
Подход «safe area» избавляет от сюрпризов:
- Держите все важные элементы внутри центральных 70–80% кадра по ширине и высоте.
- Не размещайте логотип, основной заголовок и кнопку ближе чем на 8–10% от любого края.
- Избегайте тонких контуров по периметру — после ресайза они «съезжают» и выглядят обрезанными.
- Делайте отдельные версии для 1:1, 4:3 и 16:9 вместо одного «универсального» квадрата.
Практический приём: сначала спроектируйте композицию под 16:9 (самый требовательный формат по ширине), затем адаптируйте под 4:3 и 1:1, сдвигая ключевые элементы ближе к центру.
Контентные ошибки, из-за которых «режет»
- Перегруженные креативы с мелким текстом. После масштабирования он теряет читаемость и «засекается» по краям.
- Картинки с «плашками» вплотную к бордюрам. Любой автокадринг откусывает края и ломает геометрию.
- Несоответствие пропорций: попытка впихнуть квадрат в 16:9 или наоборот без правильного препресса.
Рабочий пайплайн для чистых показов
Дизайн
- Готовьте пакеты размеров: 1080×1080 (1:1), 1200×900 или 1080×810 (4:3/3:4), 1920×1080 или 1080×607 (16:9).
- Центрируйте смысловую группу (товар + УТП + логотип).
- Тестируйте на мокапах с «масками обрезки» под разные плейсменты.
Загрузка и предпросмотр
- В интерфейсе выбирайте формат (стандартный/широкоформат) и проверяйте видимую область в каждом варианте.
- Не полагайтесь на один превью-слот — откройте несколько плейсментов, включая мобильные.
Аналитика и оптимизация
- Следите за CTR и вовлечением по каждому соотношению сторон.
- Ротируйте версии: если 1:1 «горит» в мобиле, но проседает в десктопе — докрутите сетку под площадки.
Частые вопросы
Можно ли обойтись одним квадратом?
Технически — да, практически — вы потеряете контроль над кадрированием в горизонтальных слотах. Лучше минимум 1:1 и 16:9.
Почему текст «съехал» в выдаче партнёра?
Площадки РСЯ имеют собственные контейнеры. Адаптивный рендер подгоняет картинку под контейнер, из-за чего крайние элементы уезжают под обрез.
Поможет ли «подложка»?
Да, если она даёт визуальный «воздух» вокруг смыслового блока. Но не превращайте подложку в рамку по периметру — рамки особенно уязвимы.
Чек-лист перед запуском
- Есть версии под 1:1, 4:3, 16:9.
- Важные элементы в центральных 70–80% кадра.
- Нет критичных объектов ближе 8–10% к краям.
- Крупные шрифты, контраст с фоном, минимум мелкого текста.
- Проведён предпросмотр в нескольких плейсментах, включая мобильные.
Вывод
Обрезание картинок в Яндекс Директ — следствие адаптивных плейсментов и автоматического подгона под разные форматы. Это не ошибка системы, а нормальная работа аукционной сети. Заранее подготовленные размеры, продуманная безопасная зона и внимательный предпросмотр защищают смысл креатива и стабилизируют показатели. Хотите, чтобы изображения работали на клики и конверсии — проектируйте под адаптив, а не против него.
