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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Размер картинки для обложки не больше, чем 380px на 251px. (вроде бы). Можно и больше, но она может криво сжаться. Стоит заметить, что в обложку можно прикреплять не только картинки, но и аудиозаписи, карту, документы, опросы и граффити.

Алгорит создания обложки ВКонтакте:


Ладно, возможно, просто не все такие гуру-Вконтакте(сарказм), как я. Если помог, то ставьте лайк и рассказывайте друзьям:3

Вот вам точные размеры для улучшения дизайна группы.

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

facebook

Как мы знаем или догадываемся, первыми в этом деле были Facebook со своим Timeline. Обложки там делать как-то проще может даже и интернет уже переполняют посты 20 креативных обложек Facebook и тому подобное. Потом сделают такой же пост про ВКонтакте, если там есть креативные люди конечно:3

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

Google Plus

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

Размер обложки 940px на 180px.

Мой мир@mail.ru

Размер обложки 790px на 210px

Бонус.

Логично, что существует сервис, который бы собирал у себя обложки для социальных сетей. Я поделюсь самыми популярными сайтами с обложками для facebook и Google+

http://freeprofilecover.com/ru/

http://freecoverdesign.com/

http://www.addcovers.com/

http://covertimeline.com/

http://cower.me/facebook-timeline-covers/categories/

http://99covers.com/

Постскриптум.

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

Кстати, за 1000 рублей могу нарисовать вам обложку какую-нибудь красивую, обращайтесь:3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Всем привет!

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

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

Вконтакте обновленная обложка для оформления группы!

В общем, тянуть резину не буду, показываю, как оформить в Вк новый баннер для группы!

Первое, что нужно сделать:

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

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

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

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

Лично мне, это новшество очень пришлось по душе! Очень красиво получается и интересно! Применяйте и седлайте для своих групп новую oбложку в Вк!

ВНИМАНИЕ!

Для тех кто хочет научиться зарабатывать на ведение групп в Вконтакте! Жмите на данный баннер и смотрите информацию!

С Уважением, Александр Гаврин.



Есть вопросы?

Сообщить об опечатке

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