Коротко: три размера закрывают почти все задачи
Если не хочется разбираться в десятках форматов, начните с трёх. Этого набора достаточно для ленты, баннеров и сторис в большинстве кабинетов.
| Формат | Пропорция | Пиксели | Где работает |
|---|---|---|---|
| Квадрат | 1:1 | 1080×1080 | Лента Директа и ВК, карточки Ozon и Wildberries, товарная реклама |
| Горизонталь | 16:9 | 1080×607 | Баннеры в РСЯ, посты в Telegram, медийные блоки |
| Вертикаль | 9:16 | 1080×1920 | Сторис и клипы ВК, Reels, Shorts, вертикальные экраны |
Квадрат — самый универсальный: он подходит и для ленты, и для карточки товара. Горизонталь и вертикаль делаются из него, если макет собран как композиция, а не как одна картинка.
Таблица размеров по площадкам
| Площадка | Размещение | Пропорции | Пиксели |
|---|---|---|---|
| Яндекс Директ | Лента, РСЯ | 1:1 | 1080×1080 |
| Яндекс Директ | Горизонтальный баннер | 16:9 | 1080×607 |
| Яндекс Директ | Вертикаль | 3:4 | 900×1200 |
| ВК Реклама | Лента, карусель | 1:1 | 1080×1080 |
| ВК Реклама | Запись в ленте | 4:5 | 1080×1350 |
| ВК Реклама | Клипы, сторис | 9:16 | 1080×1920 |
| Telegram Ads | Пост в канале | 16:9 | 1920×1080 |
| Ozon | Карточка товара | 1:1 | 1000×1000 |
| Wildberries | Карточка товара | 3:4 | 900×1200 |
| Google Ads | Медийная сеть | 1.91:1 | 1200×628 |
| Google Ads | Квадрат, тизеры | 1:1 / 6:5 | 1200×1200 / 300×250 |
Важно: площадки меняют требования несколько раз в год. Пропорции устойчивы, пиксели — нет. Перед загрузкой сверяйтесь с кабинетом площадки: там указаны актуальные лимиты по весу и минимальной стороне.
Яндекс Директ: какие размеры нужны
В текстово-графических объявлениях Директ использует три пропорции. Рекомендуемые размеры — 1080×1080 для квадрата, 1080×607 для горизонтали и 900×1200 для вертикали. Минимальная сторона изображения — 450 пикселей, поддерживаются JPG, PNG и GIF.
| Формат | Пропорция | Рекомендуемый размер | Где показывается |
|---|---|---|---|
| Квадрат | 1:1 | 1080×1080 | Лента РСЯ, товарные блоки, мобильные экраны |
| Горизонталь | 16:9 | 1080×607 | Широкие баннеры в сети |
| Вертикаль | 3:4 | 900×1200 | Вертикальные блоки, боковые колонки |
Один и тот же макет в разных пропорциях — это разные композиции. На квадрате горизонтальный заголовок теряет края, на вертикали не хватает ширины под оффер. Поэтому Директ и просит три файла, а не один растянутый.
ВК Реклама: лента, карусель и клипы
В ВК базовый размер — квадрат 1080×1080: он используется в ленте и карусели. Для записей подходит 4:5 (1080×1350), для клипов и сторис — вертикаль 9:16 (1080×1920). В карусели держите одинаковую пропорцию у всех карточек, иначе лента «прыгает» и часть изображения обрезается.
Маркетплейсы: Ozon и Wildberries
Карточки маркетплейсов — самый частый источник обрезки. У Ozon главное фото квадратное, у Wildberries — вертикальное 3:4.
| Площадка | Пропорция | Рекомендуемый размер | Минимум |
|---|---|---|---|
| Ozon | 1:1 | 1000×1000 | 700×700 |
| Wildberries | 3:4 | 900×1200 | 700×900 |
Не растягивайте квадрат в вертикаль: товар деформируется, а модерация может отклонить фото. Лучше пересобрать кадр — оставить товар в центре, а фон и подписи перекомпоновать.
Почему пропорции важнее пикселей
Алгоритм вписывает картинку в контейнер по соотношению сторон. Если пропорция не совпадает, края обрезаются или появляются поля. Баннер 1080×607 и 1080×1080 — это два разных макета: на квадрате горизонтальная композиция теряет заголовок.
Поэтому в Студии макет хранится как композиция, а не как картинка. Изменение одного блока автоматически пересобирает все форматы.
Безопасные зоны
Не ставьте текст и логотип ближе 5–8% к краю. На вертикальных форматах верх и низ перекрывает интерфейс площадки: кнопки, подписи, полоса прогресса. Ключевое — в центральной трети.
Отдельно проверьте нижний правый угол: там чаще всего появляются кнопки «Подробнее» и «Купить». Если оффер попал в эту зону, он будет перекрыт.
Текст на баннере: сколько помещается
- Заголовок — 3–5 слов, одна мысль. Длинный заголовок на мобильном превращается в две строки и перекрывает фото.
- Подзаголовок — до 10 слов. Это пояснение выгоды, а не второй заголовок.
- Кнопка — 2–3 слова: «Заказать», «Смотреть», «Получить скидку».
- Шрифт — не меньше 5% высоты баннера. На 1080×1080 это около 54 пикселей.
Если текст не читается на превью размером с ноготь, его не прочитают и в ленте. Уменьшайте количество слов, а не размер шрифта.
Формат и вес файла
Площадки принимают JPG, PNG и GIF. Фото и градиенты лучше сохранять в JPG, графику с прозрачностью и чёткими краями — в PNG, простую анимацию — в GIF. Тяжёлые файлы отклоняются или сжимаются площадкой, и тогда мелкий текст «мылится».
- JPG — для фотографий и сложных фонов, качество 80–90%.
- PNG — для логотипов, схем и прозрачности.
- GIF — для короткой анимации, без градиентов и полутонов.
- WebP и SVG поддерживаются не везде — для рекламы лучше не использовать.
Как получить все размеры сразу
- Соберите один макет в редакторе — с фото, заголовком и оффером.
- Отметьте форматы, которые нужны: квадрат, горизонталь, вертикаль.
- Проверьте каждый размер в превью: где обрезается, где мелкий текст.
- Скачайте пакет и загрузите файлы в кабинеты.
Что проверить перед загрузкой
- Файл не больше лимита площадки по весу.
- Текст читается на телефоне без увеличения.
- Логотип не упирается в край и не перекрыт интерфейсом.
- Нет мелких деталей, которые исчезнут при сжатии.
- Пропорция совпадает с контейнером, а не только ширина и высота.
Размеры для видео и карусели
Видео в ленте — 16:9 или 1:1, в клипах — 9:16. Первые кадры важнее размера: площадка показывает превью, и решение принимают по нему. Для карусели используйте одинаковые пропорции у всех карточек, иначе лента «прыгает» и часть изображения обрезается.
Если делаете серию, начните с квадрата: из него проще собрать остальные форматы без перекомпоновки блоков и без потери смысла.
Частые ошибки
- Растянуть один файл под все форматы — пропорции ломаются, товар деформируется.
- Поставить текст вплотную к краю — его перекрывает интерфейс площадки.
- Использовать мелкий шрифт — на мобильном он превращается в серую полосу.
- Забыть про вес — площадка отклоняет файл или сжимает его до «мыла».
- Сделать разные фоны у карточек карусели — лента выглядит рвано.