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

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

Итак, поехали. Если вы понимаете, что такое API, PHP, JSON и Cron, при этом хотите сделать все сами и бесплатно, то вам сюда . Если нужен готовый скрипт для создания динамической обложки с уже готовыми инструкциями по установке, то загляните сюда .

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

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

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

Подготовленный макет для динамической обложки

Сервис предлагает два тарифа: бесплатный для обложки на одну группу и платный, в котором вы платите около 100 руб. в месяц за каждую группу.

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

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

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

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

Выберите нужную группу

Нажмите кнопку «Подключить»

В меню слева выберите «Создать новую обложку»

Пока шаблонов у вас нет. Здесь выбирайте «Пустой шаблон»

Нажмите «Управление фоном» и загрузите картинку для обложки

Можно менять цвет, шрифты, размер, выравнивание и много других параметров.

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

Вот и все. На эту обложку я потратил минут 10, не считая времени на создание дизайна заготовки. Проще, мне кажется, некуда. Если возникнут вопросы — пишите в комментариях.

Еще раз ссылка на сервис , чтобы не возвращаться обратно по тексту 🙂

Успехов вам в творчестве!

Группы Вконтакте сейчас нет разве что у самых ленивых. Но создать группу и правильно ее оформить – разные вещи.

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

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

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

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

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

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

Если вы выбираете второй путь, встает вопрос о том, где сделать обложку для группы Вк. Добро пожаловать в «Управление сообществом». Эта функция находится на первом месте в выпадающем списке, который открывается при нажатии кнопки в виде трех точек. Мы подчеркнули ее красным:

Параметр «Обложка сообщества» - четвертый пункт после названия, описания и типа группы. Вк предлагает два варианта: загрузить или удалить обложку.

Если самостоятельно разбираться, как сделать обложку в вк в группе, можно обнаружить, что сам сайт подсказывает пользователям ответ на этот вопрос. Идеальный размер изображения для обложки - 1590×400 пикселей, формат – JPG, GIF или PNG.

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

Один из наиболее популярных и интуитивно понятных онлайн-редакторов картинок и фотографий - это www.canva.com. С его помощью будет несложно понять, как сделать горизонтальную обложку в группе вк.

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

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

Попробуйте свои силы в 10-дневной бизнес-игре «Твой Старт», в которой Вы начнете зарабатывать на своем деле, используя свои таланты и сильные стороны!

В нём мы постарались собрать наиболее эффективные сервисы, поэтому пользуйтесь и внедряйте их в свои бизнес-процессы.

Оставайтесь на связи!

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

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

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

Обложка страницы показывается вверху, на всю ширину паблика, размер 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 пикселей, показывается в постах и в обсуждениях в виде кружочка.

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

Правильная шапка сообщества

Перед как сделать обложку группы в ВК, нужно определиться: что она должна будет выражать? Мы вам подскажем несколько актуальных советов для достижения цели:

Необычность. Обложка - это то, что первым видит ваш настоящий или будущий подписчик. Если она будет содержать в себе уникальную фишку, удивлять своим дизайном, включать интересную игру слов, интригующую историю, то все обозначенное будет вам только на руку. Многие применяют такой интересный формат обложки для группы ВК, как продолжение изображенного на ней в закрепленной надписи на стене.
Тренды. Баннер должен быть современным. В крайнем случае - классическим. Но только не "баяном" - содержать в себе элементы того, что когда-то было актуально в интернет-среде. Поэтому стоит задуматься над тем, чтобы оформить его в духе последних обсуждаемых событий, недавно вышедшего фильма, прибавить участие героев популярных именно сегодня мемов. Само собой разумеется, обложки в таком случае нужно периодически обновлять.
Используйте легкие психологические приемы, помогающие обратить внимание. Например, довольно эффективным является изображение смотрящего в определенную сторону человека - туда, куда вы поместили важную информацию.

Какой не должна быть шапка?

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

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

Какой должна быть удачная обложка?

Итак, создавая, фотографируя или находясь в поисках подходящего стокового изображения, помните о следующем:

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

А теперь обратимся к более частным вариациям:

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

О размере обложки

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

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

В браузере компьютера - 795 х 200 пикселей. Изображение не урезается, а только сжимается.
Что касается мобильных устройств, то там шапка отображается несколько иначе. Она урезается согласно ширине экрана устройства. Например, если последняя равна 400 пикселям, то с каждого края ваша обложка будет урезана на 146 пикселей. Прибавьте еще пространство, отведенное на системные кнопки. Из-за него баннер станет уже на 80-140 пикселей с каждого края.

Простое создание обложки

Давайте разберем, как сделать обложку группы в ВК проще всего:

Сделайте фотографию, которая как-то перекликается с тематикой вашего сообщества.
Найдите подходящее стоковое изображение в "Гугле", "Яндекс.Картинках", на иных ресурсах. Красивые обложки для группы в ВК можно отыскать по схожему запросу.
Если вам кажется, что изображение слишком отстраненное, то можно наполнить его новыми элементами, текстом в таких популярных онлайн-редакторах, как Fotor, Pablo или Canva.

Создание в "Фотошопе"

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

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

Размер: 1590 х 400 пикселей.
Разрешение: 72 пикселя в 1 дюйме.
Цветовой режим: RGB (8 бит).

А далее - простор для творчества: формируйте слои из стоковых или личных изображений, вырезайте определенные объекты, добавляйте текст, обращайтесь к помощи фильтров и инструментов программы. Главное - иметь в голове четкий план того, что вы хотите в итоге получить.

Как установить обложку в группе в ВК?

Давайте сначала разберемся, как вообще поменять баннер в сообществе, администратором которого вы являетесь:

Под аватаром вашей группы, с правой стороны страницы, нажмите на три точки "..."
Перед вами появится выпадающее окно. В нем выберите "Управление сообществом".
Откроется окно администратора. Найдите раздел "Настройки" и щелкните на него.
Вы сразу увидите строку "Обложка сообщества". Она-то нам и нужна.
Как добавить обложку в группу ВК? Просто кликните на "Загрузить".
Перед вами появятся краткие рекомендации по формату изображения и размеру обложки группы ВК.
Стоит подбирать качественное фото с высоким разрешением.
Здесь, как и при выборе аватара, у вас есть возможность выбрать, какую зону изображения поместить на обложку: с помощью мышки передвигайте ограничивающий прямоугольник, чтобы остановиться на наиболее удачной области. Фотографию, кстати, можно и перевернуть.
Обязательно на окне с обложкой нажмите на "Сохранить и продолжить". Не торопитесь закрывать страницу!
В окне с настройками не забудьте кликнуть на "Сохранить".

Вот теперь можно смотреть на то, что получилось!

Редактирование обложки

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

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

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

Тема этой статьи — новый дизайн ВКонтакте. Снова поменялось , теперь можно установить горизонтальную обложку в группе. Оформление вашего сообщества ВК с такой шапкой намного интереснее. Откровенно говоря, здесь не требуются знания Photoshop. А можно без особых навыков сделать красивую картинку даже в PowerPoint, Fotor, Canva, Pixlr Editor.

Перейдя в группу можно заметить, что в тех группах стали видны кнопки «Закрепленная запись», «Информация» и «Жмите меню». А раньше они были скрыты. Естественно, всё оформление групп сразу поехало.

Загрузка новой обложки

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

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

Чем интересен новый дизайн ВКонтакте?

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

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

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

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

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

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

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

P.S. Надеюсь эта информация Вам пригодится.

P.S.S. Включайте свою креативность и удачи Вам во всех начинаниях!