Как сделать обложку для сообщества ВК: приводим размеры и шаблоны

Виктор Сухов Виктор Сухов
October 30, 2023
Как сделать обложку для сообщества ВК: приводим размеры и шаблоны

Обложка или шапка в ВК — изображение наверху личной или публичной страницы. Это главная визуальная составляющая каждого сообщества наравне с аватаром. Обложка — первое, что видит пользователь, заходя в группу или паблик. Поэтому она должна быть примечательной, информативной и запоминающейся.

Рассказываем, как оформить обложку для ВК, какие нужны размеры и где взять бесплатные шаблоны для шапки ВК.

Виды обложек ВК

Есть два вида обложек: статичная и динамическая. В десктоп-версии он имеет горизонтальное положение как баннер. В мобильной версии динамическая обложка отображается вертикально.

Статичная

Размер: 1590х530 px.

Формат: PNG, JPG или GIF.

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

При подготовке обложки для десктоп и мобильной версии рекомендуется оставить охранные поля шапки. В мобильной версии стоит учесть интерфейсные детали смартфона: индикатор заряда, время, уведомления. Оставьте сверху отступ в 140 рх.

Динамическая или живая 

Размер: 1080х1920 рх, пропорция 9:16.

Видео: формат MP4 (кодек H.264/AAC), до 60 к/с, не больше 30 секунд, вес — до 20 МB.

Живая обложка включает сменные фотографии или короткие видео. Может включать до 5 фотографий или роликов. Формат удобен тем, что за небольшой отрезок пользователь увидит сразу несколько материалов. Так можно показать всю важную информацию в одном месте. 

В динамической шапке ВК можно отобразить акции, показать нужные товары или сделать креативный визуал. Информативный формат с максимальной эффективностью.

Динамическая обложка примечательна не только информативным форматов. Со смартфона она выглядит в 4 раза больше статичной. При этом она гармонично сочетается с кнопкой действия, названием, аватаром и статусом сообщества — все важные сведения посетитель по-прежнему видит с первого взгляда. А ещё живую обложку можно одним нажатием открыть на весь экран и включить звук.

Хороший пример — креативная обложка в сообществе Nike.

Если важно всегда отображать какую-либо часть обложки, сделайте отступы между этой частью и краем изображения в 10-15 процентов от длины стороны изображении. 

Для мобильных живых шапок актуально то же правило — оставьте отступы по краям изображения на 100-150 px.

Как установить обложку ВК

Обложку можно установить двумя способами. Рассказываем про оба.

Через настройки страниц: В первом блоке «Основная информация» пункт Обложка → Управление. Добавьте подготовленную картинку на обложку. 

Для мобильных динамических обложек следует тот же алгоритм, однако нужно выбрать блок «Живая обложка сообщества». Добавьте до пяти изображений или видео.  куда требуется загрузить до 5 файлов в формате фото или видео.

Второй способ — кликнуть на саму обложку на странице сообщества. Так вы можете редактировать обложку, удалить или добавить новую.

Как оформить обложку ВК

Важно значение для функциональности обложки сообщества имеет правильный выбор информации для размещения. Перечень указанных на «шапке» сведений подбирается индивидуально и зависит от назначения и специфики группы. Например, паблика компании, принимающей клиентов в офисе, целесообразно разместить на обложке его адрес и рабочий график. Если речь идет о продаже товара или группы товаров, имеет смысл каким-либо образом отобразить это визуально.

В общем случае рекомендуется размещать на обложке следующие сведения:

  1. Наименование. Речь идет о названии группы или компании, других подобных сведениях.

  2. Подзаголовок. Используется в том случае, если в наименовании содержится не вся интересующая потенциальных посетителей паблика информация.

  3. Логотип/фото продукта или целевой аудитории. В данном случае допускается изображение как всех трех составляющих, так и выбор в пользу одной или двух. Главное – эффектно совместить их визуальное отображение, чтобы у пользователя появилось цельное представление о тематической направленности сообщества.

  4. Контактные данные. Указываются в том случае, если речь идет о группе с коммерческой направленностью или имеющей цель нарастить число участников. В противном случае подобные сведения размещаются не на обложке, а в других разделах сайта.

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

Где сделать обложку для ВК бесплатно

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

Перейдите в дашборд Flyvi, Соцсети → Вконтакте → обложка сообщества Вконтакте. 

Во Flyvi доступны размеры не только для ВК, но и для всех основных социальных сетей. 

Выбирайте один из сотни дизайнов обложек, меняйте их под себя и используйте их в своем сообществе.

Поделиться:

Рекомендуемые статьи

Обучение Что такое брендбук, и как он помогает быстрее работать
Компания без брендбука как сапожник без сапог. Брендбук — визитная карточка компании. Он поддерживает единый стиль, узнаваемость бренда. Без него компания рискует потерять свою цельность и индивидуальность. Рассказываем, чем полезен брендбук и как он влияет на эффективность в работе.
May 8, 2024
Что такое брендбук, и как он помогает быстрее работать
Обучение Главные правила типографики в дизайне
Мы работаем с типографикой при оформлении презентации, верстке сайта, подготовке карточки товара или при создании постов и сторис. Рассмотрим правила оформления, которые сделают любой информационный продукт лучше.
Apr 26, 2024
Главные правила типографики в дизайне
Обучение Нейросети для текста в помощь дизайнеру. Топ-6 нейросетей для генерации текста в 2024 году
Делимся подборкой бесплатных нейросетей для текста, которые пригодятся при работе с визуальным и текстовым контентом.
Apr 18, 2024
Нейросети для текста в помощь дизайнеру. Топ-6 нейросетей для генерации текста в 2024 году