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

Здравствуйте, друзья! В этом посте речь пойдет об улучшение внешнего вида вашего сообщества.

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

Первый способ

Идем в поиск Вк, набираем ключевые слова: обложки, шапки, аватары.
Смотрим выдачу, выбираем подходящие сообщества с приемлемой ценой.

Плюс данного метода — некоторые админы для демонстрации выкладывают уже готовые шапки на стену, в свободный доступ. Большой разброс цены, можно заказать работы за 200-300 руб.

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

Обращаемся к профессионалу — фрилансеру. Я пользуюсь 2 самыми удобными, на мой взгляд, биржами — fl.ru и freelance.ru.

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

Минусы : цены от 500 рублей и выше.

Отлично, но что делать, если нет денег и в фотошопе вы полный ноль?

Способ третий

Делаем все сами, это легко с сервисом Канва.

Выполнение пошагово :
Для наших целей нам нужны качественные и красивые фото. Берем с фотостоков. Я пользуюсь двумя: https://pixabay.com/ и https://www.pexels.com/.

Регистрируемся на канве: https://www.canva.com/
Заходим, авторизуется.

Выбираем в правом верхнем углу кнопку «использовать специальные размеры».
Устанавливаем размеры 1590 на 400.

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

Устанавливаем шрифт, цвет, размер.
Кликаем на блок «скачать», формат устанавливаем PNG, скачиваем. Все, ваша обложка готова.

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

На этом все, надеюсь теперь вы сможете ответить на вопрос; как сделать обложку для группы Вконтакте. Если я вам действительно помог и статья ценна для вас, добро пожаловать в подписчики. Удачи и до встречи на страницах блога, друзья!

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

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

онлайн – это горизонтальное фото, изображение или заставка (статическая или динамическая), которая расположена в шапке сообщества .

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

Любой человек, зашедший на страницу сообщества, в первую очередь видит фон, (если она есть). Этого факта вполне хватает, чтобы понять, что ее роль велика. Ведь она отвечает за первое впечатление о группе. А, как Вы сами знаете, первое впечатление – самое важное.

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

Как загрузить?

По началу, как только это новшество было введено, многие задавались вопросом: как поставить эту обложку?

Сейчас мы подробно объясним, как правильно загрузить фон онлайн.

Во-первых, Вам понадобятся файлы формата JPG, GIF или PNG. Это основные и наиболее популярные форматы изображений, поэтому найти их не составит труда.

Во-вторых, точные размеры изображения – 1590 х 400 пикселей (сама соц. сеть рекомендует загружать файлы именно с такими размерами). В основном, точные размеры используются при создании изображений в графических редакторах (фотошоп, иллюстратор и т.д).Вы, конечно же, можете использовать любой другой размер.

Здесь важно понимать, что при загрузке меньшего размера – качество на больших мониторах будет значительно хуже. А при большем размере – Вам необходимо будет выбрать определенную часть картинки, либо подбирать точное совпадение с форматов. Поэтому, мы соглашаемся с «ВКонтакте» и тоже советуем использовать размеры 1590 х 400 пикселей.

Теперь сама инструкция (Вы должны быть владельцем или администратором):

1. На странице паблика нажмите кнопку с тремя точками и выберите пункт «Управление сообществом»;

1. Далее в разделе «настройки» найдите строку «Обложка сообщества» и нажмите кнопку «Загрузить»;

1. В открывшемся окне нажмите кнопку «Выбрать файл» и выберите сам файл на компьютере, в соответствии с рекомендациями;

1. Далее выберите видимую часть (при неточных размерах картинки) и нажмите кнопку «Сохранить и продолжить»;

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

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

Также при наведении курсора на обложку в правом верхнем углу появляются три кнопки:

• Загрузить (если хотите установить новую);
• Редактировать (если хотите настроить текущую);
• Удалить.

Виды

Как только данная технология появилась,вся категоризация подразумевала только лишь различия самих картинок (обычные, яркие, спамные, с текстом и т.д).

Сегодня же, благодаря инновациям в направлении визуального оформления групп, фоны перестают быть статичными, появляются различные виджеты и модули позволяющие использовать динамический фон. Они могут показывать различную информацию, изменяющуюся со временем (например, последний подписчик или самый активный участник и т.д).

Условно все фоны можно поделить на:

• Статические;
• Динамические.

Давайте же подробнее рассмотрим каждый из них.

Как сделать статическую обложку?

Для создания статический фон Вы можете обойтись готовыми вариантами, которых полно в интернете. Сейчас достаточно ввести поисковый запрос «Обложки для групп ВК» и Вы получите перечень сайтов, предлагающих бесплатно скачать готовые шаблоны. Там есть картинки на любой вкус и любые тематики. Также они уже имеют рекомендуемые размеры 1590 х 400. Либо Вы можете взять любое изображение высокого качества.

Хороший сайт, где можно скачать готовые шаблоны – vk –oblozhki .ru

Но, как правило, это просто фото/картинка, без названий и какой-либо другой информации.

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

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

Если Вы обладаете навыками работы с графическими редакторами, то сможете сделать это в Photoshop , illustrator или другом редакторе. Мы советуем всегда сохранять свои работы в формате PSD (PhotoshopDocument ). Таким образом, Ваше изображение будет растровым и его можно будет подогнать под любые размеры без потери качества.

Если таких навыков нет, то можно воспользоваться специальными сервисами, благодаря которым Вы сможете в несколько кликов создать красивый дизайн. Это такие сервисы как:

• com;
• com.

Это наиболее популярные проекты среди своих аналогов.

Как сделать динамическую обложку?

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

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

Наиболее популярные сервисы:

• DynamicCover ;
• BoomCover ;
• Revoc;
• Line-Cover.

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

Примерная стоимость таких сервисов – 100 руб./мес.

Ниже мы представим список наших советов и рекомендаций:

1. Используйте динамические обложки, только если в них есть необходимость. Динамические обложки не всегда выглядят красиво. Особенно когда на них через чур много различных виджетов. Порой поставить простое изображение, с текстом или без – лучший вариант.
2. Используйте небольшие указатели типа «Подпишись» или «Задай свой вопрос», которые будут лаконично вписываться в общий дизайн, над соответствующими кнопками. Они будут побуждать пользователей к действию.

1. Не используйте спамные обложки. Они слишком часто вызывают негатив у пользователей.

1. Не забивайте обложку информацией, которая никак не будет использована. Например, вряд ли кто-то вручную перепишет адрес Вашего сайта или позвонит по номеру. Обложка должна в первую очередь понравиться!
   Такого рода информация уместна, когда она гармонично вписывается в общий дизайн (как на примере ниже).

1. Если есть возможность заплатить – используйте помощь профессионалов, которые могут полностью оформить Ваше сообщество.

Примеры успешных работ

На самом деле, хороших примеров очень много. Мы покажем лишь несколько работ.

1. Простое красивое изображение. Учитывая, что данный паблик специализируется на красивых картинках, фото – это подходящий вариант.

1. Очень удачное применение динамической обложки. Здесь создатели группы поставили таймер, который отсчитывает время до окончания акции, а также виджет, показывающий последнего подписавшегося человек.

1. Статическое изображение, оформленное под определенный бренд. Стильно и красиво.

1. Отличный пример того, как можно кратко, без использования слов, описать деятельность группы. Данный паблик использовал иконки. Как только заходишь и видишь эту обложку, сразу понимаешь, какого характера контент здесь публикуется.
[Всего голосов: 2 Средний: 5/5]

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

Чтобы создать динамическую обложку для Вк нужно обладать навыками программирования. Принцип работы заключается в следующем: на стороннем сервере помещается код, который, обращаясь к API Вконтакте, обновляет обложку группы. Но есть путь намного проще — Dynamic Cover . Это конструктор обложек. В нем можно создать дизайн обложку вашей группы Вк, добавить на нее виджеты — динамически блоки. Нижем мы рассмотрим, как можно бесплатно создать такую обложку.

Видео-обзор Dynamic Cover:

Что можно добавить на обложку с помощью DyCover.

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

• Подписчик — виджет, который выводит на обложку аватарку и имя подписчика группы. Это может быть последний подписчик, вступивший в группу, последний комментатор, лучший комментатор по лайкам или по количеству, лучший лайкер, репостер, самый активный и просто пользователь, id которого вы укажите.
• Погода – виджет с иконками погоды и автоматическим отображением температуры в любом городе.
• Текст — может быть любой динамически изменяемый текст с сайта, какая-то статистика, данные, что угодно.
• Дата и время.
• Таймер – обратный отчет времени до мероприятия, окончания конкурса, старта распродажи или чего-то еще.
• Картинка.
• Сетка — виджет для удобства оформления, потом не отображается на готовой обложке.
• Фигуры — доступны квадрат, прямоугольник, овал, окружность и круг.
• Курс валют.
• Виджеты для YouTube: логотип с названием и количеством подписчиков, последние видео и видео по ссылке.
• Динамические фоны, сменяемые по периоду и по времени. Например, днем у обложки группы будет один фон, а ночью другой.

Как сделать динамическую обложку Вк.

Чтобы приступить к созданию обложки, жмем на «Войти».

Здесь появляются все группы VK, для которых у вас есть права администратора. Если новые группы ещё не отображаются, нужно обновить список, и они появятся.

Из списка выбираем сообщество, к которому будем подключать обложку. В меню слева нажимаем на «Создать новую обложку» и выбираем пустой шаблон.

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

Для начала нужно установить фон. Нажимаем на кнопку «Управление фоном» и загружаем картинку.

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

Чтобы фон менялся, нужно загрузить еще картинки на смену.

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

При просмотре группы с экрана смартфона справа, слева и сверху какие-то области не будут видны. Чтобы располагаемые виджеты полностью отображались на любых устройствах, можно включить сетку для мобильных.

Добавление виджетов

После разметки обложки можно приступить к добавлению основных виджетов. Для заголовка установим виджет «Текст». Чтобы редактировать виджет, нужно нажать на него в разделе слоев.

В окне настроек можно задать статический или динамический текст, шрифт, размер, цвет, интервал и положение.

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

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

Во вкладке «Тип погоды» на выбор есть 4 шаблона иконок, которые будут меняться в зависимости от погоды.

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

Виджет подписчика тоже имеет множество настроек. Тип подписчика определяется во вкладке «Виджет».

На бесплатной версии сервиса доступны только три типа подписчиков – последний подписавшийся, последний комментатор и просто подписчик по id. Остальные настройки стандартные: размер аватарки, округление, рамка, размер, регистр и цвет шрифта. Можно выводить на обложку только имя или имя с фамилией

Аналогично происходит добавление и настройка других виджетов.

Подключение обложки

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

Для виджетов тоже действуют ограничения. На бесплатном тарифе недоступны :

• таймер,
• картинка,
• курс валют,
• текст по URL,
• лучший комментатор,
• лучший лайкер,
• лучший репостер,
• расписание фонов,
• пользовательские шрифты,
• виджеты YouTube.

Чтобы снять эти ограничения с одной группы, нужно заплатить 100 рублей в месяц. Подключить ещё одну группу будет стоить 180 рублей в месяц, две – 260 рублей и так далее.

Промокод на DYnamic Cover:

Мой отзыв о Dynamic Cover:

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

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

Сегодня я хочу вам рассказать, как сделать обложку для группы вконтакте. Мы разберем два способа:

• Как сделать обложку для группы онлайн на сервисе www.canva.com
• создание динамической обложки (обновленный вариант)

Хотите научиться делать обложки и аватарки, а так же креативные посты для групп ВКонтакте? Вам помогут профессионалы. ТЦ “1day1step” проводит online обучение по теме “Дизайн и Photoshop для социальных сетей”. Чтобы узнать подробности, кликните по баннеру ниже:

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

Размер обложки для группы вконтакте равен 1590х400 px.

Как сделать обложку группы сверху

Чтобы разместить обложку группы вконтакте сверху необходимо в первую очередь найти эту функцию в настройках сообщества. А именно на главной странице выберите в меню вкладочку Управление сообществом .

Далее в Основной информации есть раздел Обложка сообщества . Чтобы разместить готовую обложку в группе сверху, нужно просто нажать на кнопочку Загрузить . Затем выбрать подготовленный вариант из папки на компьютере, и обложка встанет на свое место на главной странице сообщества.

Как сделать обложку группы в Фотошопе

Сделать обложку группы можно в популярной программе Фотошоп. Для этого, зная тему сообщества, подберите по смыслу интересную картину в Интернете.

Внимание! Всегда ищите такие картинки, размеры которых чуть больше размера обложки!

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

Поэтому выбираете картинку, нажимаете на нее правой кнопкой мыши – Копировать изображение .

Далее идете в программу Фотошоп. Кстати, если вы новичок и не умеете работать с этой программой, советую изучить мой курс Как создать 3D обложку для инфопродукта . Здесь я показываю с самых азов, как работать в Фотошопе. Более того первый урок посвящен теме, где взять и как установить себе на компьютер данную программу.

В фотошопе выбираете Файл – Создать .

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

• Имя файла
• Размер обложки для группы вконтакте: ширина 1590 рх, высота 400 рх
• Разрешение – 72 пикселы/дюйм
• Цветовой режим – цвета RGB 8 бит
• Содержимое фона – прозрачный.

Кнопочка Ок.

У вас появится заготовка вашей обложки. Теперь вам нужно нажать сочетание клавиш Ctrl+V . Таким образом, вы вставите картинку, которую скопировали из интернета.

Теперь внимание! Я уверена, что картинка по размеру оказалась больше, чем заготовка обложки. Ее нужно подогнать под размер 1590х490 рх.

Для этого в панели инструментов выбираем Редактирование – Трансформирование – Масштабирование . Зажимаем клавишу Shift, захватываем левой кнопкой мыши за уголок картинки и тянем к границам обложки. Вы увидите, когда вам нужно будет остановиться. Чтобы подтвердить действие, нажмите Enter.

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

Для этого в Фотошопе нам нужно создать новый слой. В нижней панели выбираем функцию Создать новый слой .

Слева выбираем Инструмент «Горизонтальный текст» .

И на обложке для группы вконтакте выделяем область, где хотим разместить название группы. Теперь вам нужно определиться со шрифтом текста, размером и цветом. Все эти настройки находятся в верхней панели программы Фотошоп, когда активен инструмент «Текст». Подробности в видеоуроке ниже.

Прописываем название группы и нажимаем Enter.

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

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

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

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

После всех манипуляций с надписью, если вас устроил результат: обложка для группы вконтакте готова, необходимо ее сохранить. Для этого выбираем Файл – Сохранить для Web .

Набор PNG-24 (правый верхний угол). Это самый удачный формат картинок для социальных сетей.

Итак, мы разобрали, как сделать обложку для группы вконтакте с помощью программы Фотошоп. Обложки для группы вконтакте онлайн можно легко создавать на сервисе canva.

Как сделать обложку для группы вконтакте онлайн на сервисе canva

Для того, чтобы начать работать в canva, вам необходимо зарегистрироваться на этом сервисе .

Целью сегодняшней статьи не является знакомство с этим сервисом – для этого будет отдельная тема. Напомню, что сегодня мы разбираем, как сделать обложку для группы вконтакте, используя Канву.

Вспоминаем, что размер обложки группы вконтакте 1590х400 рх. Соответственно, проставляем эти размеры в открывшемся окне.

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

Canva позволяет загружать на сайт собственные картинки. Поэтому по аналогии с работой в Фотошопе найдите в интернете нужное изображение чуть большего размера, чем обложка и загрузите ее на сайт Канвы через функцию Мое – Добавить собственные изображения .

Скорей всего ваша картинка откроется в меньшем размере, чем сама обложка. Не волнуйтесь, ее можно увеличить, потянув за уголки левой кнопкой мыши.

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

Стоит уточнить, что сервис Canva условно платный, т.е. частью функционала вы можете пользоваться абсолютно бесплатно (там, где указано Бесплатно ).

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

Для примера я возьму элемент с текстом. Подробнее в видеоуроке ниже.

Щелкнув на этот элемент, в верхней части сайта появляется панель для работы с текстом.

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

Результат примерно такой:

Тип файла PNG – Скачать.

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

В ВК появился новый способ привлечения подписчиков в группу. Это реализуется через . Как этот виджет работает, как его установить, как настроить, читайте в моей новой статье.

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

Друзья, есть еще один сервис по функционалу, похожий на canva. Это сайт с бесплатным редактором изображений под названием fotor.com. Сайт позволяет оформлять не только картинки к постам, шапки к группам в социальных сетях, но и создавать различные креативные из картинок и фотографий.

Как сделать динамическую обложку для группы ВКонтакте

Помимо обыкновенных обложек, которые вы можете сделать с помощью вышеперечисленных программ Photoshop и Canva, существуют динамические обложки.

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

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

Примеры динамических обложек

Кстати, поясню для тех, кто впервые сталкивается с этим понятием, динамическая обложка – это обложка с информацией, которая отображается в реальном времени.

Например, с помощью специальных виджетов, на динамическую обложку можно вывести информацию об активных комментаторах группы или последних вступивших, – в виде аватарок.

Давайте рассмотрим примеры:

На первом примере на динамической обложке отображаются аватарки лидеров конкурса, проведенного в этой группе. И все это в реальном времени.

На втором примере с помощью специального алгоритма на обложку выводится аватарка самого активного комментатора и последнего подписчика.

Третий пример – самый простой – на обложке погода в реальном времени.

В чем преимущество динамической обложки? Это дополнительное привлечение внимания посетителя к сообществу, и как следствие – увеличение количества подписчиков.

Вообще о динамической обложке вы можете найти информацию в другой моей статье о .

Создание динамической обложки для сообщества ВК

Создание динамической обложки необходимо начать с регистрации на сервисе VKFILLER .

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

Вам откроется окно с конструктором для создания динамической обложки.

Здесь все настолько просто, что разберется даже новичок.

1 шаг – необходимо добавить картинку для обложки. Сделать это можно через кнопочку Изменить фон . Разрешение: 795×200рх или 1590×400рх.

2 шаг – добавление виджета. На момент создания этой статьи сервис автопостинга VKFILLER предлагает 17 виджетов на выбор:

• Последние подписчики
• Активные комментаторы
• Активные репостеры
• Активные лайкеры
• Пользователь по ID
• Дата и время
• Обратный отсчет
• Погода (текст)
• Погода (иконка)
• Курс валют
• Произвольный текст
• Текст по ссылке количество подписчиков
• Сегодня день рождения

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

Немного предыстории

1 апреля соцсеть ВКонтакте начала глобальное тестирование так называемого нового дизайна. Тогда же была анонсирована настраиваемая «шапка». На РИФ+КИБ (http://2016.russianinternetforum.ru/) представители ВКонтакте рассказывали, что это будет блок, который сможет стать для интернет-магазина во ВКонтакте витриной, а в группе кинотеатра там можно будет разместить видеоролик. Шел месяц за месяцем. 17 августа ВКонтакте перевел всех пользователей на новый дизайн, а шапки все не было. Многие стали переоформлять свои сообщества под новый дизайн, и тут 31 октября 2016 года ВКонакте все-таки запустил шапки.

Новый дизайн обложки ВК

Что же в итоге мы имеем: теперь во всех сообществах — группах, пабликах, мероприятиях — можно установить широкое изображение:

Характеристики и размер обложки группы ВКонтакте:

• размер: 795х200 рх и 1590х400 рх для экранов повышенной четкости;
• формат: JPG, GIF, PNG;
• загрузка: из управления сообществом, нужны права администратора;
• рекомендации от ВК: размещайте важную информацию ближе к центру для мобильных устройств.

Вот так выглядит дизайн в мобильной версии ВКонтакте

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

Расположение кнопок СТА

1. Кнопки CTA («написать сообщение», «подписаться», «вступить в группу» и так далее) выстроились в ряд под правым нижним краем обложки друг за другом.
2. У сообществ появились миниатюры.
3. Добавились вкладки: первой идет закрепленная запись (если она стоит в сообществе), далее следует вкладка «информация о сообществе» (теперь она доступна пользователям). В третьей вкладке расположено меню — для групп и мероприятий. В паблике данная вкладка отсутствует. Меню теперь также постоянно доступно для пользователей.

Оформление обложек ВКонтакте

Давайте разберем, какие данные нам нужно разместить на обложке:

1. Название бизнеса (или его направление).
2. Город, адрес (если проект региональный).
3. Телефон для быстрого заказа (с кодом города).
4. Уникальное торговое предложение (то, чем вы отличаетесь от других).
5. Призыв (соответствующий вашему конверсионному пути).

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

Пример дизайна из 2 частей

Например, на 2 части:

На первой части мы помещаем цепляющее фото, отражающее направление проекта, располагаем фото так, чтобы движение взгляда приводило пользователя ко второй части обложки, где располагаем УТП и выгоды от подписки. Добавляем призыв к действию.

Легче воспринимается обложка, поделенная на 3 части, связанные воедино стилистикой, каждая из которых составляет законченные блок:

Пример дизайна из 3 частей

Возможно, по аналогии с обложками Facebook, в мобильных приложениях будет виден лишь центр обложки. И именно туда я помещаю название компании или логотип, город, адрес и телефон. Слева размещаю УТП проекта или выгоды от подписки. Справа — интерес целевой аудитории проекта и/или призыв.

Как разместить обложку сообщества ВКонтакте

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

• Зайдите в управление сообществом (нужны права администратора).
• Вы находитесь в настройках. Найдите пункт «обложка сообщества», нажмите «загрузить».
• В открывшемся окне нажмите «выбрать файл».

Загружаем обложку сообщества

• Перейдите в папку с подготовленным заранее фото, выберите его. Если фото выбрано в произвольном размере, то оно будет кадрироваться в соотношении сторон 1:3,975.

Выбираем нужное изображение

• Нажмите «сохранить и продолжить».

Сохраняем результат

Готово, ваша обложка было успешно установлена в группу.

Обложка установлена

Удаление обложки

Обратите внимание, что полноценный аватар, если он отображался до этого у вас в группе, при установке обложки исчезает из видимости. Его функция — стать миниатюрой, которая представляет вашу группу в списке всех групп пользователей (ее размер 200х200 рх) и присутствует на стене рядом с названием сообщества (ее размер 100х100 рх). Тут логичнее всего расположить логотип на контрастном фоне.

Изменяем миниатюру сообщества

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

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

• на обложке запрещается сторонняя реклама, не пренебрегайте этим правилом ВК, дабы не потерять функцию добавления обложек в ваше сообщество или не получить бан;
• при создании документа используйте режим sRGB для правильного отображения цветов вашей обложки в web-пространстве;
• не используйте яркие цвета, градиенты, мелкие узоры, (помните, что ВКонтакте сжимает изображения, особенно страдают красный, оранжевый, чисто-белый);
• сохраняйте обложку через функцию «сохранить для WEB» в формате PNG, он наиболее устойчив к сжатию;
• для ускорения загрузки, можно перетаскивать обложку прямо из папки на окно загрузки обложки.

Перемещение выбранного изображения

Вот основные моменты, которые вам стоит изучить, если вы хотите оформить свою группу ВКонтакте в новом дизайне.

Всем удачных идей!

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