Неправильный размер изображения редко ломает публикацию полностью — ВКонтакте умеет сжимать и кадрировать файлы. Но именно автоматическое кадрирование отрезает заголовки, лица и кнопки. Поэтому дизайнеру нужны не только пиксели, но и понимание пропорций, safe-зон и места интерфейса.
Ниже — рабочий справочник на октябрь 2026 года. ВКонтакте обновляет интерфейсы, поэтому перед большим тиражом проверяйте макет в актуальном приложении и подсказки непосредственно в форме загрузки.
Короткая таблица размеров VK
| Формат | Рекомендуемый холст | Соотношение | Что важно |
|---|---|---|---|
| Обложка сообщества | 1920 × 768 px | 5:2 | Главные элементы держать в центральной зоне |
| Вертикальная/живая обложка | 1080 × 1920 px | 9:16 | Проверить наложение интерфейса сверху и снизу |
| Аватар сообщества | 1000 × 1000 px | 1:1 | Значимый объект должен помещаться в круг |
| Пост, квадрат | 1080 × 1080 px | 1:1 | Универсальный формат для ленты |
| Пост, вертикальный | 1080 × 1350 px | 4:5 | Занимает больше мобильного экрана |
| Пост, горизонтальный | 1280 × 720 px | 16:9 | Подходит для видео, ссылок и широких сцен |
| VK Клипы | 1080 × 1920 px | 9:16 | Не ставить текст у краёв и под кнопками |
| Истории | 1080 × 1920 px | 9:16 | CTA — выше нижней панели интерфейса |
| Обложка VK Видео | 1280 × 720 px | 16:9 | Не ставить важное в правом нижнем углу |
| Карточка товара | 1000 × 1000 px | 1:1 | Один товар, чистый фон, запас вокруг объекта |
| Превью ссылки / Open Graph | 1200 × 630 px | ≈1.91:1 | Заголовок крупный, центр не перегружен |
| Рекламный креатив | 1080 × 1080 или 1080 × 1350 px | 1:1 / 4:5 | Сверить с выбранным плейсментом кабинета |
Это рекомендуемые рабочие холсты, а не обещание одинакового отображения во всех точках. Обычный пост допускает разные пропорции; 1:1 и 4:5 просто предсказуемее выглядят в мобильной ленте.
Обложка сообщества: 1920 × 768 px
Статичная обложка — широкая витрина. Платформа может показывать её по-разному на десктопе и смартфоне, поэтому не растягивайте информацию по всей ширине.
В центральной части разместите:
- главный оффер;
- продукт или узнаваемый образ;
- одно действие;
- логотип, если он читается в небольшом размере.
По краям оставьте фон и второстепенную графику. Слишком мелкий список из семи преимуществ всё равно никто не прочитает.
Вертикальная обложка, клипы и истории: 1080 × 1920 px
Формат 9:16 используется сразу в нескольких сценариях, но интерфейс у них различается. У клипа справа находятся реакции, снизу — подпись и элементы управления; в истории сверху и снизу тоже есть системные зоны.
Практическая safe-зона:
- не ставьте ключевой текст в крайние 120 px слева и справа;
- оставьте примерно 250 px сверху;
- оставьте 320–380 px снизу для подписи, кнопок и жестов;
- лицо, товар и заголовок держите ближе к центру.
Это запас для устойчивости, а не официальный шаблон до пикселя: модели телефонов и версии приложения различаются.
Аватар: проектируйте квадрат, проверяйте круг
Загружайте качественный квадрат, например 1000 × 1000 px. В ленте и комментариях он превращается в маленький круг. Тонкие подписи, длинное название компании и объект у края потеряются.
Хороший аватар — это один контрастный знак, лицо крупным планом или простой товарный символ. После экспорта уменьшите картинку до 48 px: если смысл сохранился, решение работает.
Изображения для постов
1:1 — 1080 × 1080 px
Универсальный формат: карточка, цитата, товар, схема. Его удобно переносить между лентой и рекламными кампаниями.
4:5 — 1080 × 1350 px
Вертикальная карточка занимает больше площади смартфона и подходит для чек-листов, каруселей и фотографий человека. Не превращайте высоту в повод добавить больше текста: один экран — одна мысль.
16:9 — 1280 × 720 px
Подходит для превью видео, широких фотографий, презентаций и схем. В мобильной ленте выглядит меньше вертикального формата, поэтому заголовок должен быть крупнее.
Обложка VK Видео: 1280 × 720 px
Стройте превью вокруг одного визуального конфликта: результат, ошибка, сравнение или вопрос. Правый нижний угол оставляйте свободнее — там может появиться длительность ролика. Заголовок на обложке не обязан повторять название видео слово в слово: он должен дополнять его.
Товары и услуги: 1000 × 1000 px
Квадратная карточка легче всего адаптируется к каталогу. Первый кадр должен объяснять сам продукт. Не используйте одну общую рекламную картинку для десяти разных услуг.
Для товара:
- чистый или контрастный фон;
- объект занимает большую часть кадра;
- одинаковый масштаб во всей подборке;
- без мелких характеристик, которые лучше вынести в описание.
Как сделать комплект изображений с ChatGPT или Codex
ИИ полезен не как «кнопка сделать красиво», а как система подготовки и контроля. Дайте ему таблицу форматов, брендовые ограничения и задачу каждого макета.
Промт для структуры комплекта
Ты — арт-директор сообщества ВКонтакте. Продукт: [описание]. Аудитория: [кто]. Оффер: [что обещаем]. Подготовь техническое задание на 6 макетов: обложка 1920×768, аватар 1000×1000, пост 1080×1350, квадрат 1080×1080, клип 1080×1920 и видео 1280×720. Для каждого укажи композицию, иерархию текста, safe-зону, визуальный объект и то, что нельзя размещать у краёв. Один макет — одна главная мысль.
Промт для проверки готового макета
Проведи QA макета для ВКонтакте. Формат: [тип и размер]. Проверь: правильное соотношение сторон; читаемость на смартфоне; попадание текста в safe-зону; контраст; один главный CTA; отсутствие важных объектов под интерфейсом; соответствие офферу. Верни список «критично / желательно / готово» и конкретные исправления без общих советов.
Промт для серии постов
Создай визуальную систему из 10 постов для [ниша]. Не рисуй десять несвязанных картинок. Сначала предложи сетку: 3 обучающие карточки, 2 кейса, 2 ошибки, 2 продуктовых поста и 1 навигационный. Для каждого дай заголовок до 7 слов, объект, фон и повторяющийся элемент бренда. Холст 1080×1350, важный текст не ближе 80 px к краям.
Как собрать AI-агента для визуального контроля
Простой агент может работать в три этапа:
- Стратег получает контент-план и определяет назначение каждого изображения.
- Арт-директор превращает задачу в промт и ТЗ под конкретный размер.
- Контролёр проверяет экспорт: имя файла, размеры, вес, safe-зону и соответствие CTA.
В Codex это можно оформить как повторяемый процесс: папка с исходниками → таблица требований → генерация вариантов → автоматическая проверка размеров → готовые файлы с понятными именами. Такой агент не заменяет вкус, но убирает хаос и технические ошибки.
Чек-лист перед загрузкой
- Холст соответствует нужному плейсменту.
- Текст читается на экране телефона без увеличения.
- Главный объект не у края.
- В макете одна основная мысль и одно действие.
- JPG используется для фотографий, PNG — когда важны резкие интерфейсные элементы или прозрачность; WebP удобен для сайта.
- Файл не пережат повторно несколько раз.
- После загрузки проверены десктоп и смартфон.
- Для рекламы отдельно проверены требования выбранного плейсмента.
Если вы хотите не просто генерировать отдельные картинки, а собрать с Codex и ChatGPT работающую систему для своего проекта, переходите в практическую мастер-группу по внедрению ИИ. Там мы работаем с реальными задачами: от контента и сайта до автоматизаций и собственного сервиса.
Для полной проверки упаковки используйте аудит сообщества ВКонтакте, а затем исправляйте слабые зоны по приоритету.
