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

За примерами далеко ходить не надо - динамические обложки ВКонтакте задействует множество групп. В первую очередь, данную технологию используют сами сотрудники социальной сети: в шапке официального паблика службы поддержки присутствует “живой” счетчик обработанных тикетов.

“СтопХам” также идут в ногу со временем: на их страничке можно увидеть превью свежего видео и имя последнего вступившего участника. К сожалению, хотя информация о количестве просмотров меняется в реальном времени, это - не настоящий embed, и посмотреть ролик прямо во ВКонтакте не выйдет.

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

Одним словом, вариантов применения масса. Вопрос лишь в том, как создать подобную красоту? На самом деле, не так уж и сложно.

Конструкторы для создания динамических обложек ВКонтакте

Чтобы получить в свое распоряжение интерактивную шапку, можно пойти двумя путями:

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

2. Использовать онлайн-конструктор - гораздо дешевле, но при этом вы будете ограничены набором виджетов, который вам предоставили разработчики.

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

Google услужливо подсказывает название - DyCover. С точки зрения цены вариант неплохой: ребята берут 100 рублей в месяц за одно сообщество, тогда как их конкуренты, LetsCover, ровно в два раза больше. Впрочем, у последних есть прогрессивная скидка за объем, так что данная площадка придется по вкусу тем, кто занимается SMM профессионально и ведет одновременно несколько проектов.

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

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

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

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

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

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

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

На самом деле первое впечатление обманчиво. Так, например, виджет “Текст” позволяет создавать как обычные текстовые блоки, так и подгружать ячейки из Google-таблиц, задействовать каскадные стили или JSON. “Подписчик” отображает имена самых активных пользователей, лучших комментаторов (по количеству или лайкам), репостеров, авторов (по рейтингу записей из “предложки”), именинников или последних вступивших в группу. “Статистика” транслирует общее число подписчиков, количество юзеров онлайн, а также сводные данные, включая гендерное распределение. Таким образом, комбинируя представленные инструменты, вы сможете конструировать динамические обложки ВКонтакте практически любой сложности.

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

1. Текст (название города);
2. Фигура (полупрозрачный белый круг);
3. Дата и время;
4. Погода.

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

Впрочем, давайте оценим, как будет выглядеть динамическая обложка в самой группе. Для этого нажимаем на “Сохранить” и вводим имя созданного шаблона. Теперь возвращаемся в панель управления, выбираем нужный пункт и кликаем по “Применить”.

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

Это объясняется особенностью самой технологии: по сути, сервис с определенной периодичностью (раз в минуту) генерирует статичную картинку с обновленными данными и подгружает ее в шапку. Именно поэтому вы не можете, к примеру, встроить в обложку ВКонтакте видеопроигрыватель. Впрочем, даже такой “костыльный” метод позволяет существенно улучшить визуальную составляющую группы, выделившись на фоне конкурентов.

Стоят ли динамические обложки своих денег?

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

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

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

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

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

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

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

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

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

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

Во-первых, Вам понадобятся файлы формата 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]

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

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

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

Из этой статьи вы получите три вещи:

• Размер обложки для группы Вконтакте;
• Инструкцию, как создать обложку Вконтакте и как выбрать идеальную картинку;
• Примеры групп с качественными обложками.

Какой размер обложки для группы Вконтакте?

Оптимальный размер картинки для обложки Вконтакте может варьироваться. На компьютерах обложка отображается на 795 пикселей в ширину и 200 в высоту. На мобильных телефонах она пропорционально подстраивается под ширину экрана. Однако, Вконтакте рекомендует загружать картинку размером не менее 1590×400 пикселей.

Совет : Если вы нашли изображение, которое вам сильно понравилось, но его пропорции не совпадают с рекомендуемыми, вы все-равно можете использовать его! Загрузив эту картинку, вы сможете выбрать видимую область и обрезать все лишнее внутренними средствами Вконтакте.

При разработке дизайна обложки учитывайте, что на мобильных устройствах с шириной экрана менее 400px обрезается по 196px по краям изображения, так же примерно 83px занимают системные иконки телефона. Учитывайте удобство для мобильных пользователей. Вконтакте таких большинство.

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

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

Размеры обложки Вконтакте на компьютере

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

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

Если покупать и изучать Photoshop нет желания, то используйте онлайн сервисы. Вот . На данный момент это самый популярный сервис.

Шаблоны обложки для группы Вконтакте

Для того, чтобы помочь вам с разработкой дизайна, мы создали шаблон для обложки группы в ВК (1590x400px).

Озвучим несколько дополнительных деталей по работе с нашим шаблоном:

• При открытии шаблона вы увидите внешний вид вашего оформления. Вам не придется загружать обложку в группу, чтобы оценить, как она смотрится.
• Чтобы перейти к созданию своей обложки, кликните по слою «обложка» два раза. Так вы попадете внутрь смарт-объекта.
• Далее можете приступать к творчеству, все размеры указаны внутри.

Скачать этот и другие шаблоны можно в статье: .

Ваши фотографии

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

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

vk.com/best_psalterium

Стоковые фотографии

Если у вас нет каких-либо личных фотографий, которые вы хотели бы использовать, поищите их на фотостоках (сайты с бесплатными изображениями), там вы сможете найти идеальный образ для обложки сообщества ВК. Моими любимыми сайтами для поиска красивых фотографий являются Unsplash и Pixabay .

Хотелось бы призвать вас изменять/улучшать все выбранные фотографии, чтобы сделать их более личными. Можете использовать инструментарий онлайн-редакторов Fotor, Pablo или Canva. Если хотите, вы можете улучшить даже свою фотографию с этими инструментами. Например, выберите одну из ваших любимых цитат и добавьте её поверх фото.

Как выбрать обложку

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

Рассмотрим некоторые важные моменты:

• Соблюдайте необходимые размеры обложки (1590px по ширине и 400px по высоте);
• Выбирайте изображения высокого качества;
• Не перегружайте изображение визуальными элементами;
• Выбирайте картинку для обложки, ориентируясь на общее оформление группы Вконтакте;
• Используйте изображения, которые являются оригинальными и имеют отношение к вашему бренду.

Какой тип изображений привлекает людей

Вот некоторые компоненты, которые делают изображения притягивающими:

• Эмоции : чувства заставляют людей действовать;
• Актуальность : в том числе и то, что соответствует интересам вашей аудитории;
• Цвета : выбор правильных цветов приводит к увеличению конверсии;
• Типографика : выбор правильного шрифта делает ваше сообщение ясным;
• Хештеги и текст : найдите правильные слова, которые спровоцируют вашу аудиторию на совершение целевого действия.

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

Например, Coca-Cola на обложке использует общепринятый красный логотип с подписью «попробуй… почувствуй», а в качестве фона счастливую пару с напитком в руках. Это, конечно, в надежде заставить людей провести некую связь в сознании, что пить колу означает счастье. И это эффективно!

vk.com/cocacola

Куда смотрят люди?

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

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

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

В приведенном ниже примере, компания Electronic Arts знает это и ясно дает понять людям, что они могут купить новую игру FIFA17.

vk.com/easportsfifa

Нестандартное мышление

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

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

Примеры групп с качественными обложками

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

vk.com/adsnews
vk.com/wbrussia
vk.com/sci_one
vk.com/businessgazeta
vk.com/cds

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

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

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

Используются следующие размеры оформления группы Вконтакте:

• Обложка страницы показывается вверху, на всю ширину паблика, размер 1590 х 400 пикселей;
• Большой аватар — вертикальный баннер 200х500 px (соотношение сторон 2:5), показывается справа вверху;
• Маленькая аватарка, круглая картинка, показывается в каждом сообщении группы, размер 200х200 пикселей.
• Изображение меню для группы Вконтакте, ширина 510 пикселей, высота — 307 (чтобы нижний край меню красиво совпадал с низом большой аватары справа).

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

Как сделать шапку для группы Вконтакте самостоятельно

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

Открой картинку в графическом редакторе. Обрежь или масштабирую до размера: длина 1590 px, высота 400 px.

Далее можно нанести необходимые надписи (название группы, слоган, призыв вступать в сообщество). Теперь нужно загрузить обложку в сообщество, для этого зайди в пункт меню «Управление сообществом»:

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

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

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

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

Размеры шапки в паблике Вконтакте в новом дизайне

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

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

Процесс оформления меню группы Вконтакте состоит из следующих этапов:

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

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

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

Вертикальное меню сообщества ВК с пунктами в один столбик

Открой картинку в редакторе. Инструментом редактора «Текст» напиши пункты меню поверх фона. Чтобы надписи меню были заметны, их можно выделить несколькими способами:

• Обвести рамкой;
• Изменить цвет фона под буквами;
• Добавить буквам тень.

Ниже на скриншоте каждый пункт выделен одним из способов.

Следующий шаг — нарезка изображения на части:

Процесс нарезки изображения также можно выполнить с помощью удобного онлайн-инструмента www.imgonline.com.ua/cut-photo-into-pieces.php .

Далее в меню «Управление сообществом» зайди в пункт «Разделы» и в пункте «Материалы» выбери «Ограниченные» (это значит, что страницы создавать и редактировать сможет только администратор группы).

Нажми сохранить и перейди на главную группы. Возле раздела с информацией о группе появился пункт «Свежие новости».

Перейди в этот раздел и нажми редактировать. Измени заголовок на «Меню» а потом нажми на пиктограмму фотоаппарата, чтобы добавить изображение.

Щелкни по добавленной картинке и в окне свойств укажи ссылку на нужный раздел.

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

Каждый тэг изображения начинается «[[» и заканчивается «]]», состоит из трех частей, разделенных знаком «|»: ID изображения, свойства и ссылка. Нужно откорректировать размеры картинок и вставить в их свойства тег «nopadding». Свойства картинок перечисляются через «;».

После сохранения изменений создание меню завершено.

Меню с горизонтальным или многострочным расположением пунктов

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

Правила оформления таблицы:

• Начало обозначается символом «{|», конец таблицы — «|}».
• Дополнительные свойства указываются после «|~»
• Новая строка начинается с «|-».
• Каждая ячейка отделена «|».

Для исключения лишних пробелов нужно указать параметры таблицы «fixed nopadding noborder». Разметка графического меню из 2 столбцов и 2 строк выглядит так:

А само меню в группе:

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

В сообществах Вконтакте используется два варианта аватарки:

• Большой прямоугольный баннер 200 на 500 точек, показывается справа вверху, если не загружена обложка.
• Миниатюра 200х200 пикселей, показывается в постах и в обсуждениях в виде кружочка.

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

1. В блоке основных данных под описанием можно заметить надпись «Обложка сообщества».
2. Кликните по кнопке загрузки.
3. Вы увидите, какие размеры нужны для новой обложки.

Размер обложки для группы ВК составляет 1590 пикс./400 пикс. Найти и сделать такое изображение помогут платные и бесплатные фотостоки, фотошоп или обычный редактор пейт. Если вы хотите качественную обложку, но сил и времени на создание у вас нет, закажите ее у веб-мастера. Чем красочнее и интереснее будет картинка, тем захотят зайти посмотреть, что происходит в группе. Стоит отметить, что при загрузке вы не увидите место для стандартной авы. Вместо нее в группе появиться небольшой кружок, куда можно будет загрузить фотку. Для гармоничного дизайна лучше загружать тот же снимок который вы поместили на обложку.

Сделать обложку для группы Вконтакте онлайн

Что делать, если денег на дизайнера нет, с фотошопом дела не клеятся, но очень хочется получить красивую обложку для ВК? В этом нам помогут онлайн сервисы, для создания обложек для группы. Один из таких называется Канва. Перейти и воспользоваться им можно по ссылке https://www.canva.com/ . Разберем, как он работает.

1. Изначально, зарегистрируйтесь через аккаунт ФБ или почту.
2. На странице, куда вас перенесет сайт, выберите вверху справа пункт «Спец. размеры». Вбейте туда значения, как мы показали на рисунке.
3. Перед вами появиться окно с шаблонами и дополнительными опциями.

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

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

Обложка для группы Вконтакте готовые

Если нет никакого желания ничего создавать, выберите обложку для группы в ВК из готовых вариантов. Давайте посмотрим основные ресурсы, которые помогут это сделать. К примеру, если вы ищете изображение на тему природы, моды, городов фантастики и минимализма посетите площадку https://vk-oblozhki.ru/ .