Динамические обложки вконтакте

Аватар и миниатюра

Это изображение, которое является «лицом» сообщества. Его видят пользователи рядом с сообщениями от имени паблика и в перечне подписок

Задача этой картинки – привлекать внимание и быть узнаваемой

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

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

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

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

Можно разместить на аватаре короткую и полезную информацию:

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

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

Меню с кнопками

Размеры: картинка для кнопки от 376х266 точек.

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

Лента меню в группе

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

Настройка кнопок меню

Название кнопки не может быть больше 20 символов, но на смартфоне и эти символы не помещаются, так что дополнительно проверьте, чтобы название было понятным:

Меню на смартфоне

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

С чего начать оформление группы ВКонтакте

Постановка цели

Для начала необходимо сформулировать цель и задачи.

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

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

Определение целевой аудитории

Далее нужно определить целевую аудиторию и ее интересы. Для электронной коммерции можно воспользоваться методикой 5W:

1. Что? (What) — что вы продаете.
2. Кто? (Who) — кто покупает то, что вы продаете.
3. Почему? (Why) — причины, по которым покупают ваш продукт.
4. Когда? (When) — когда покупают ваш товар.
5. Где? (Where) — где можно купить то, что вы продаете.

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

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

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

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

Создайте сообщество ВКонтакте

После определения целей и интересов ЦА нужно выбрать тип для вашего сообщества.

Какие бывают типы сообществ ВКонтакте:

Выбор типа сообщества VK

• «Публичная страница» и «Бизнес» — группа для формирования лояльности у пользователей по отношению к вашему бренду. Здесь размещаются продающие посты и полезный для вашей аудитории контент, который будет мотивировать их на общение. Подходит для новостных каналов и для организаций.
• «Тематическое сообщество» — публичная страница. Используется для публикации новостных постов, чтобы привлечь новых подписчиков и активизировать общение внутри сообщества. Подходит для блогов, СМИ и афиш.
• «Бренд или организация» — публичная страница для компаний с узкой тематикой. Например, благотворительные фонды или учебные заведения.
• «Группа по интересам» — должна объединить пользователей по определенным интересам. Это могут быть закрытые паблики, куда вы приглашаете сотрудников компании или, к примеру, группа фанатов какого-либо фильма или сериала.
• «Мероприятие» — приглашение пользователей на событие: концерт, фестиваль, день рождения, семинар или вебинар и так далее.

Для примера покажем создание «Группы по интересам», вводим название, тематику, тип группы и адрес по желанию:

Создание сообщества

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

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

После выполнения всех настроек по созданию сообщества, откроется страница с группой:

Созданная нами группа

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

Настройки в разделе «Управление»

Перейдем к этапам оформления групп ВКонтакте.

Правильные размеры картинок для группы

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

Подробнее: Как оформить группу ВК

Аватарка

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

• Ширина – 200 px;
• Высота – 200 px.

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

• Ширина – 200 px;
• Высота – 500 px.

Миниатюра аватарки в любом случае будет обрезана с учетом квадратной ориентации.

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

Обложка

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

• Ширина – 795 px;
• Высота – 200 px.

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

• Ширина – 1590 px;
• Высота – 400 px.

Подробнее: Как создать шапку для группы ВК

Публикации

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

• Ширина – 510 px;
• Высота – 510 px.

Если загружаемая картинка вертикально или горизонтально ориентирована, то большая из сторон будет сжата до указанных выше размеров. То есть, например, изображение с разрешением 1024×768 пикселей на стене сожмется до 510×383.

Внешние ссылки

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

• Ширина – 537 px;
• Высота – 240 px.

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

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

При использовании изображений с разрешением больше рекомендованных значений масштаб будет меняться автоматически по тем же пропорциям. Например, файл 1920×1080 пикселей будет обрезан до 1920×858.

Подробнее: Как сделать картинку ссылкой ВК

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

Опишите, что у вас не получилось.
Наши специалисты постараются ответить максимально быстро.

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

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

Рис2. Где находится кнопочка вконтакте «Управление сообществом»

После этого вы переместитесь в панель управления вашей группой. Здесь вы автоматически попадете в раздел «Настройки». Если вы вдруг окажетесь в другом разделе, то вам необходимо оказаться именно здесь:

Рис 3. Настройка группы вконтакте

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

Рис 4. Как загрузить обложку ВКонтакте

Однако это еще не всё. Дальше мы расскажем о еще одной возможности управления обложкой, поэтому советуем читать дальше. Итак, вы нажали «Загрузить»:

Рис 5. Окно загрузки для обложки сообщества

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

Рис 6. Выбор области рисунка для шапки группы

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

Рис 7. Область изображения можно выбрать любого размера

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

Рис 8. Не забудьте нажать СОХРАНИТЬ после загрузки изображения

Когда вы нажмете «Сохранить», визуально ничего не изменится. Но вы можете уже проверить, что получилось. Для того, чтобы перейти в группу, ссылка на неё располагается здесь, над подразделом «Настройки»:

Рис 9. Как из раздела настроек перейти в группу

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

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

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

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

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

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

Рис 12. Описание значков редактирования обложки

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

Рис 13. Как повернуть изображение на этапе загрузки картинки для обложки

Теперь наша группа имеет яркую и четкую обложку (заставку, шапку, как угодно это можно называть):

Рис 14. Обложка высокого разрешения выглядит четко и привлекательно

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

Создаем новый, красиво оформленный пост Вконтакте

Давайте разберемся, что вообще означает создание записи? По большому счету — публикация нового поста на стене

И неважно, какое информационное наполнение он имеет. Даже выложив одно единственное слово, или даже букву, будет достаточно

Новый пост на стене Вконтакте

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

Как опубликовать запись?

Перейдите на стену, и щелкните курсором мыши в блок «Что у Вас нового?». Введите здесь нужный текст. После этого нажмите на кнопку «Опубликовать».

Кнопка для публикации поста

С телефона процесс аналогичен. Только вместо кнопки, здесь галочка в правом верхнем углу экрана.

Создание новой записи с телефона

Доступ и время публикации

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

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

Кстати, если вы запланировали запись, появиться еще одна ссылка. Она называется «Еще». Щелкнув на нее, можно просмотреть архив планируемых постов.

На телефоне эти ссылки доступны в нижней части окна.

Параметры доступа и время публикации новости

Публикуем красивый пост, добавляя постер

Недавно разработчики добавили новую функцию — постер. Это фон для вашей записи на стене.

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

После этого оформляйте и публикуйте запись.

В приложении все то же самое.

Добавляем посте к записи через приложение

Прикрепляем контент — фото, видео и прочие материалы

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

• Фотографии;
• Видеозаписи;
• Аудиозаписи;
• Статьи;
• Документы;
• Карты;
• Граффити;
• Товары;
• Опросы;

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

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

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

Представим ситуацию, когда нам нужно добавить Вконтакте видео с Youtube. У нас есть ссылка на нужный ролик. Действовать необходимо следующим образом.

Как вы уже поняли, с телефона по аналогии. Правда, там нет пары пунктов. Граффити нарисовать не сможете.

Добавление контента через приложение

Комментарии, уведомления и источник

В списке доступных инструментов, есть значок «Шестеренка». При нажатии на него, вы увидите три пункта:

• Выключить комментарии;
• Не отправлять уведомления;
• Указать источник.

Назначение первых двух пунктов, понятно из их наименования

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

Если работаем через приложение, при нажатии на значок «Шестеренка», мы попадем на отдельную страницу. Здесь доступны все те же пункты.

Редактируем дополнительные параметры с телефона

Вставка смайликов

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

Добавление смайлика к записи

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

Добавляем смайлик к записи через приложение

Как добавить фото в группу или сообщество

Процесс публикации в сообществе ничем не отличается от добавления на личную страницу.

С компьютера

Для того чтобы опубликовать файл в группе, необходимо:

Зайти в сообщество и нажать изображение с фотоаппаратом;

• Выбрать альбом и нужную фотку (для того чтобы загрузить картинку с ПК выбираем «Загрузить»);
• Чтобы подгрузить из альбомов, нажимаем в верхней части «Выбрать из моих фотографий»

С мобильного телефона

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

Что еще нужно учесть?

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

Подумайте о практичности

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

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

Вот скриншоты из группы лектория. Лекции – это услуги в сфере развлечений – неосязаемая штука, от которой неизвестно, чего ожидать. Что захочет узнать клиент?

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

Вот группа кондитерской, для сравнения. Здесь акценты расставлены по-другому:

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

Центральное расположение и яркие обложки – это способ выделить самое главное

Поэтому при оформлении сообщества нужно определиться, что именно для вашей компании важно, а что второстепенно

Пишите разборчиво

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

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

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

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

Тут все просто и понятно: светлый текст на более темном фоне, крупно и кратко

Сделайте дизайн единообразным

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

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

Первый важный фактор для единообразия оформления – это цвет.

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

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

Можно экспериментировать с фотографиями и картинками, если надписи их объединяют

Иногда в оформлении меню, ссылок и постов повторяются элементы логотипа. Вот так:

Здесь повсюду запятые! Они мелкие и ненавязчивые, поэтому сообщество смотрится лаконично. В то же время фирменные элементы невозможно не заметить

Как поставить фото в профиль

Начнем с самого первого этапа после регистрации в социальной сети ВКонтакте. После создания профиля необходимо установить аватарку. Как это сделать:

1. Зайдите на основную страницу аккаунта.
2. Наведите курсор на место, где должна быть аватарка. Вы увидите ссылку «Загрузить новую фотографию» или «Обновить фотографию», если она у вас уже установлена.
3. Если у вас есть возможность сделать кадр прямо с устройства, можно выбрать моментальный снимок. Если вы желаете загрузить имеющееся кадры, выберите файл с жесткого диска, кликнув по синей кнопке.
4. Сохраните аватарку.
5. Далее вам нужно отметить область отображения, которую увидят посетители вашей страницы.
6. Сохраните сделанные изменения.

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

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

Загружаем фото в ВК через телефон

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

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

Аналогичным образом можно загружать фотографии в мобильной версии браузера.

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

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

Публикация изображений в сообществе

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

Публикуем фото через галерею

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

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

Шаг 3: Выберите фон

Есть несколько вариантов для фона Вашего изображения:

• Картинка• Сплошной цвет• Фотография

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

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

Возможно Вы сейчас спросили: «Где я могу найти изображения для своих проектов?».

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

• Pixabay — отлично подходит для универсальных изображений и удобен в поиске, но не все изображения хорошего качества.• Unsplash — красивые фотографии с высоким разрешением. В основном ландшафты. Хорошо для общих фонов, но не очень хорошо, если вам нужен конкретный фон.

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

В этот раз я нашёл подходящий бесплатный фон в галереи Canva. Нажимаем на кнопку «Элементы» в левом вертикальном меню и в разделе бесплатных фото жмём «Все»:

Затем нажимаем на понравившуюся картинку и регулируем её при помощи точек на углах элемента до размеров Вашего холста.

Обложка

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

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

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

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

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

Общие рекомендации к обложке

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

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

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

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

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

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

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

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

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

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

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

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

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

Динамическая обложка

Размеры: такие же, как у обычной обложки.

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

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

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

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

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

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

Анимационная обложка на мобильных

Размеры: вертикальные фото и видео 1080×1920 px или другие в пропорции 9:16.

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

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

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

Включается эта возможность в Настройках сообщества:

Настройки группы

Дальше появится окно с добавлением фотографий в слайд-шоу для анимированной мобильной обложки:

Добавление фотографий

Какой размер материалов выбрать: