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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если эти операции выполнимы, то обложку сделать будет не трудно.

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

логотип в формате *png,

картинка для фона (можно скачать с яндекса или любого стока изображений),

текст, который вы хотите видеть в шапке Вконтакте.

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

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

Загрузить фоновое фото

Напомню, как создать макет в . Сначала установите приложение ВКонтакте, которое так и называется «Аватан». Зайдите в него, и загрузите с компьютера изображение, которое послужит фоном для группы.

Загруженный фон:

Установить размер макета 1590 на 400 пикселей

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

Вставить нужный текст

Добавить логотип группы

Добавьте свой логотип с компьютера. Это делается во вкладке «Наклейки» через команду «Своя наклейка». Желательно, чтобы логотип был в формате *png, то есть с прозрачным фоном, чтобы не перекрывал основной цвет макета.

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

Сохранить на компьютер результат

Сохраните макет в формате *jpeg или *png и вставляйте в свою группу.

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

Более подробно о редакторе читаете в статье «Фотошоп Аватан онлайн». Однако, напомню, что есть и реальный фотошоп онлайн, совсем не аватан или другой аналогичный сервис с ограниченным набором операций. Текст о нем ниже, знакомьтесь.

Обложка ВКонтакте для группы и Фотошоп онлайн

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

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

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

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

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

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

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

Пример моей шапки, созданной в Canva (я не дизайнер, но вполне справилась).

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

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

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

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

Скачать статью в формате pdf

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

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

Любой труд должен быть оплачен. Спасибо за понимание!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вконтакте

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

Ответ поддержки о влиянии размера картинки на позицию в выдаче

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

Обложка

Размеры: 1590×400 px, видимая зона для мобильной версии 1196×400 px.

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

Обложка нашей группы vk.com/prcyru

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

Группа без обложки

Чтобы качество обложки не портилось, администрация Вконтакте советует загружать изображение размером 1590×400 px. Но в мобильной версии вся обложка не умещается в экран, края справа и слева обрезается на 197рх, поэтому все данные, тексты и изображения, которые нельзя резать, лучше помещать в видимой зоне, это 1196×400 px. А сверху примерно 83 рх занимает полоска с индикаторами связи, уровня заряда и прочих.

Схема обложки с разметкой

Надписи уместились в видимой зоне, значок настроек перекрывает текст только у администраторов сообщества

Обрезалось часть названия на обложке

Многие советуют делать на обложке стрелки, побуждающие нажать на подписку или написать сообщение.

Стрелка указывает на кнопку подачи заявки

Стрелка показывает на кнопку с сообщением

Скриншот статистики группы PR-CY

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

Стрелка указывает на аватарку

Стрелка указывает на пустое поле

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

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

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

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

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

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

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

Аватарка

Размеры: не меньше 200х500 px и не больше 7000 px, соотношение сторон 2 к 5.

Если в группе установлена обложка, аватар будет представлен только как миниатюра, полную версию можно будет посмотреть по клику. Если обложки нет, будет выводиться полностью. Для сравнения группа PR-CY с обложкой и аватаркой и вариант той же группы без обложки:

С обложкой и аватаркой

Только с аватаркой

Аватар может быть любого размера не меньше 200х500 px и не больше 7000 px с каждой стороны, но максимальное соотношение сторон - 2 к 5. То есть сильно вытянутую картинку установить не получится, мы пробовали:

Редактор не дает выделить более вытянутое поле.

Вики-меню

Размеры: ширина внутренней страницы 607 px, обложка не менее 600 px в ширину.

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

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

Обложка меню

Фрагмент разделов внутри меню

Ширина поля у вики-страниц - 607 пикселей. Картинки можно растянуть или сделать меньше, указав размер в редакторе, который открывается по клику на изображение. Но при растягивании и уменьшении портится качество. Автоматически картинки загружаются с высотой 400 px.

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

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

Тестовый пост с вики-меню

Посты

Размеры: не менее 600 px в ширину для обычных постов, не меньше 510х288 px для статьи в редакторе.

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

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

Десктопный просмотр

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

Мобильный просмотр

Есть другой формат поста - статья в редакторе. Обложка для нее должна быть горизонтальной, картинка сожмется до размера 510х288 px. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется.

Иллюстрация для статьи со светлым фоном

Иллюстрация для статьи с темным фоном

Товары

Размеры: не меньше 600 px.

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

Редактор не позволяет растягивать область выбора миниатюры

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

Миниатюра товара из товарного ряда

Открытая карточка товара

Ряд с товарами в группе PR-CY

Открытая карточка товара

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

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

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

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

В апреле 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

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