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

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

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

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

Реклама: 2VtzqwCpaPT

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


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

Технические требования — размер, формат и разрешение обложки

Живые обложки сообществ показываются только в приложениях для iOS и Android. В мобильной и веб-версии ВКонтакте отображается обычная обложка в статичном виде. Размеры для макета живой обложки такие же, как для формата историй:

  • Размеры фото/картинок: 1080х1920 (вертикальные) или другие в пропорции 9:16, вес 5 изображений в сумме — не более 20 Мб, формата — PNG, JPG или GIF.
  • Видео: формат MP4 (кодек h264 aac), 15-60 кадров в секунду; длительность — до 30 секунд; размер — до 20 Мб.

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

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

Также у обложки есть видимая область — это голубой квадрат и розовый прямоугольник под ним. Голубая часть, кроме полей справа и слева, будет видна полностью, а розовая часть будет перекрываться названием и аватаром сообщества. Вся обложка открывается только при нажатии на неё.

Как создать живую обложку для сообщества ВК

Сделать живую обложку можно в любом графическом онлайн-редакторе или приложении. Покажем на примере сервисов SUPA и Canva.

Редактор SUPA

Пример #1: Сделаем максимально простую обложку для доставки еды. На шаблоне нам нужно будет разместить фотографию и текст.

Создайте макет. Переходим на сайт SUPA, регистрируемся и создаём изображение. Выбираем свои размеры и выставляем 1080х1920.

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

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

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

Сделайте разметку. Помните про видимую и невидимую часть обложки, о которых мы писали выше? Давайте их обозначим, чтобы пользователи увидели, что мы хотим им показать.

Добавьте два прямоугольника через вкладку «Объекты» в меню слева. Первый прямоугольник в качестве отступа сверху, второй в качестве видимой части. Выставите параметры фигур, как показано ниже и затем нажмите на замочек, чтобы закрепить эти прямоугольники.

Первый прямоугольник (отступ):

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

Второй прямоугольник (видимая часть макета):

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

Добавьте картинку. Это может быть человек, какой-то продукт или товар. Мы добавим молодого парня с пиццей. Это можно сделать через вкладку «Объекты — Фото-объекты» или загрузив любое своё изображение с прозрачным фоном.

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

Поместите объект по центру и выровняйте по нижней границе видимой части, также не забывайте про отступы по бокам.

Добавьте текст. Жмём кнопку «Текст», выбираем шрифт и настраиваем его отображение справа. Можно добавить фон, контур, обводку или тень. Мы сделали текст с тенью. Размещаем этот текст над картинкой в видимой части обложки.

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

Не располагайте текст по самому краю видимой области, сделайте отступ.

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

Дублируйте шаблон. Таким образом, у нас получился шаблон живой обложки, на котором мы можем менять картинку и текст. Нажмите три точки и выберите «Дублировать слайд».

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

Затем на втором слайде просто поменяйте картинку и текст, не меняя фон и расположение.

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

Скачайте макет и готово! Теперь останется установить получившуюся обложку в сообществе, как это сделать — вы найдёте, пролистав ниже.

Приложение Canva

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

Открываем мобильное приложение Canva (Как зайти в Canva из России) на телефоне и создаём макет. Выбираем формат истории, так как он идеально подходит под размер живой обложки ВК.

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

Добавляем фон. Жмём кнопку плюсика и через поиск в элементах находим градиентный фон.

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

Далее наносим разметку, чтобы разместить основное содержание в абсолютно видимой области — добавляем один прямоугольник сверху, а другой снизу. Ширина — по ширине макета, высота по 285 пикселей у каждого.

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

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

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

Над картинкой размещаем текст.

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

Далее скачиваем готовый макет.

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

Макет можно использовать в качестве шаблона — сначала сделайте его копию. Нажмите три точки сверху и в появившемся меню выберите «Сделать копию».

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

Затем просто замените картинку и текст.

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

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

Как поставить живую обложку в группе ВКонтакте: пошаговая инструкция

Установить живую обложку можно в настройках сообщества с мобильного, а также в веб-версии.

В мобильном приложении

Шаг 1. Откройте настройки сообщества (значок в виде шестерёнки) и зайдите в раздел «Информация».

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

Шаг 2. Перейдите в раздел «Обложка».

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

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

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

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

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

Шаг 4. Чтобы изменить порядок фото или удалить, нажмите на кнопку «Изменить» в правом верхнем углу экрана. Далее удалите (красный кружок) или поменяйте (три полосочки) порядок отображения фотографий.

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

Готово! Теперь посмотрим, как аналогичный процесс выглядит на ПК.

На компьютере

Зайдите в управление сообществом. В разделе основная информация будет опция для настройки обложки. Нажмите «Управление».

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

Откроется окно, где вы сможете загрузить фотографии или видео, которые будут автоматически сменять друг друга. Это и будет живая обложка.

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

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

Вдохновляющие примеры живых обложек

Рассмотрим несколько примеров живых обложек, которые смогут вас вдохновить.

Пример #1: На обложке размещено название магазина, условия оплаты и доставки, а также текущая акция с призывом к действию.

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

Пример #2: Если вы музыкант, артист, спортсмен или блогер, то можно на обложку поставить своё фото или видео. Как это сделала Клава Кока.

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

Пример #3: У тематического сообщества на обложке показано, что интересного ждёт участников внутри.

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

Пример #4: Бренд спортивной одежды разместил на обложке знаменитого спортсмена. Обратите внимание, что они забыли про отступы по бокам и теперь текст немного обрезан.

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

Пример #5: Онлайн-школа вынесла на обложку своё УТП и основной оффер.

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

Заключение

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

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

Подобрать онлайн-курс >>

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

Реклама

Просмотров:

Добавить комментарий