Как создать обложку для группы или сообщества в ВК: гайд с инструкцией
Не бывает второго шанса создать первое впечатление — поэтому обложка сообщества во ВКонтакте так важна. Мы изучили множество вариантов, проконсультировались с дизайнером и попробовали сами, чтобы подготовить для вас этот материал.
Обложка — это шапка группы. Ее посетитель замечает первым делом, когда попадает на страницу. Если не добавить ее, шапка будет залита градиентом в оттенках аватарки.
Это смотрится симпатично, но совершенно не рационально, ведь на обложке можно разместить что-то действительно полезное и важное.
Вся интернет-реклама — в eLama
Один кабинет и кошелек для оплаты 12+ рекламных систем и сервисов, инструменты для маркировки, единый пакет закрывающих документов, бесплатное обучение и помощь на всех этапах работы.
Зарегистрироваться
Например:
- Логотип и слоган. Можно при этом интересно обыграть лого.
Кстати, работая над материалом, мы заметили, что лого со слоганом часто оформляют на сезонных обложках. Это дает пользователям понять, что сообщество живое и активное.
- Информацию о компании.
- Одно или несколько УТП.
- Фото продукции.
- Информацию о важной новинке.
- Оповещение об акции или спецпредложении.
- Промо актуальной коллекции.
- Анонс события.
Или целую афишу мероприятий.
- График работы.
- Фото клиентов или целевой аудитории.
Или не фото, а картинки.
- Call-to-action.
Можно выбрать что-то одно или сочетать разную информацию — главное при этом не переборщить и не промахнуться с кадрированием. К счастью, во ВКонтакте есть инструменты для того, чтобы и разместить в шапке группы максимум полезных данных, и не перегрузить ее.
Форматы обложки во ВКонтакте
Заглавное изображение в соцсети может представлять собой одну картинку или карусель картинок и видео.
Главная обложка
Простой баннер, который отображается на десктопе и в приложении. В мобильной версии кадрирование меняется, а поверх располагаются элементы интерфейса — это важно учитывать.
Например, шапка группы HeadHunter на десктопе выглядит так.
А в приложении — уже менее гармонично.
Требования к изображению: 1920×768 px, формат JPG или PNG.
Живая обложка
До пяти сменяющихся фотографий или видео, которые при нажатии раскрываются на весь экран. Отображаются только в приложении.
Фото и видео в живой обложке можно показывать в движении — тогда они как бы приближаются к зрителю, как на примере выше.
Требования к изображениям: 1080×1920 px. Размер файла — до 20 Мб, длительность — до 30 с, видеокодек — H.264, аудиокодек — ААС.
Динамическая обложка
ВКонтакте также поддерживает обложки с виджетами и иконками. В такую можно встроить слайдер, вывести на нее таймер, курс валют, виджет погоды, статистику активности подписчиков, последнее видео на YouTube-канале, новости из RSS.
На динамическую обложку группы сервиса LetsCover выводятся курс валют, а также имена и аватарки самых активных комментаторов и победителя конкурса активности прошлого месяца
Динамические обложки создаются через специализированные сервисы, например, DyCover или LetsCover.
Панель виджетов сервиса DyCover
5 ошибок в дизайне обложки
Лучший дизайн обложки находится методом проб, важно тестировать разные версии, чтобы понять, что будет работать для вас. Но есть некоторые особенности, которые мешают воспринимать обложку и то, что на ней написано — их лучше избегать из соображений логики и здравого смысла. Мы изучили множество вариантов и нашли пять таких вещей.
- Низкая информативность.
Например, сырники на обложке группы «Книги и кофе», хоть и смотрятся красиво, но ничего не говорят о концепции заведения. Это не просто кафе, а арт-клуб с магазином и залом, где проходят концерты, спектакли и презентации книг. А так сразу и не скажешь!
- Излишняя информативность.
Здесь и лого, и слоган, и еще один слоган, и адрес сайта, и телефон, и несколько фото продукции. Всё вместе рябит и затрудняет восприятие.
Тем более в мобильной версии, где живая обложка сделана в том же духе.
Нет смысла размещать на обложке номер телефона: трудно представить себе, что кто-то будет его перепечатывать, к тому же в группе для него есть свой раздел, откуда можно сразу позвонить. Разумнее отдать пространство чему-то более полезному.
- Несоответствие цели сообщества.
Обложка группы, посвященной работе в булочных Вольчека, рекламирует не карьеру, а продукцию — то есть больше подошла бы обычному аккаунту.
Для сравнения: обложки сообществ «Мираторг» — клиентского…
И посвященного подбору персонала.
А вот как у них устроена обложка в приложении.
- Нет адаптации под мобильные устройства.
В приложении логотип Sela в шапке оказывается закрыт.
А у этого мебельного магазина под кат попадает часть информации.
Причем насовсем: статичный баннер в приложении не получится развернуть или увеличить.
- Некорректное кадрирование.
Например, здесь логотип обрезан, а большая часть полезной площади — пустая.
А здесь отсутствие отступов создает ощущение тесноты и неточности — явно не то, с чем хочется ассоциироваться производителю кухонь на заказ!
Какой должна быть обложка сообщества
Резюмируем вышесказанное. Как показывают наши наблюдения, хорошая шапка для группы:
- информативна;
- при этом лаконична и не перегружена;
- целесообразна;
- актуальна;
- корректно смотрится на десктопе и в приложении;
- соответствует фирменному стилю — потому что представляет собой важный элемент позиционирования.
Дизайнер eLama Ангелина Боднарь предагает такой алгоритм работы над изображением для шапки группы.
Ангелина Боднарь Дизайнер, elama.ru
1. Определитесь с оффером, который вы разместите на обложке. Чем она привлечет целевую аудиторию?
Чтобы акцентировать внимание на оффере, можно использовать яркие цвета и графические приемы, например, крупный шрифт, цветную подложку, стикеры.
2. Подумайте над композицией. Будет ли это картинка с текстом на ней, или картинка будет отдельно, а текст на подложке — отдельно?
Важную информацию лучше располагать по центру. Помните, что в приложении на обложке размещаются элементы интерфейса — композиция должна это учитывать. Есть такой лайфхак: сделать скриншоты группы с пустой обложкой на десктопе и приложении и работать над дизайном, имея их перед глазами — так вы лучше поймете, как разместить информацию.
3. Подготовьте иллюстрацию или подберите фото, которое подойдет по смыслу и поможет усилить оффер.
Цвета на макете должны быть контрастными и хорошо сочетаться друг с другом, а текст должен легко читаться. Фото должно быть четким; лучше избегать шумных и сильно детализированных фотографий и ориентироваться на минимализм.
![]()
4. Когда обложка готова, проверьте, как она выглядит на разных устройствах и в разных браузерах.
Самый верный способ получить хорошую обложку — заказать ее у профессионалов, но не всегда на это есть время и деньги. На помощь приходят специализированные сервисы с готовыми шаблонами и простым, интуитивно понятным интерфейсом, где дизайн можно создать онлайн, даже не имея особых навыков.
Например, инструмент SUPA, который бесплатно доступен клиентам через маркетплейс eLama.
Как создать обложку для группы ВКонтакте, если вы не дизайнер
Чтобы воспользоваться SUPA, перейдите в «Маркетплейс инструментов» в левом меню кабинета eLama.
В маркетплейсе представлены разные инструменты для интернет-маркетинга — мы подбираем их под самые актуальные и важные потребности клиентов. Найдите карточку SUPA и наведите на нее курсор.
Клик на «Попробовать бесплатно» перебросит вас к авторизации. Разрешите здесь обработку персональных данных, авторизация произойдет автоматически.
В открывшемся окне кликните на «Создать креатив».
Выберите нужный тип контента.
Можно создать уникальную обложку с нуля или доработать шаблон — их у SUPA около сорока, под разные тематики.
Мы сначала попробуем воспользоваться шаблоном.
Действуем по шаблону
Замените в шаблоне изображения и перепишите тексты.
Картинки для замены должны быть на прозрачном фоне. Чтобы вставить их без границ, жмите на «Убрать фон».
Чтобы отредактировать текст, жмите на него.
У каждого объекта на обложке — свой слой. Кликнув на нее, вы откроете список слоев, кликнув на слой — сможете отредактировать его.
Например, поменять цвет фона.
А также изменить положение, наклон и количество элементов.
Мы здесь так и сделали, потому что помним про лого и элементы интерфейса, которые могут перекрыть что-нибудь важное в мобильной версии обложки.
Когда всё готово, жмите на фиолетовую кнопку «Скачать» справа вверху.
Потом «Сгенерировать изображение» и «Скачать файл». Готово!
Творим с чистого листа
Можно действовать и без шаблонов — этот вариант подходит для создания живых обложек.
Первым делом зададим размер: 1080×1920.
На обложку можно добавить объект: фигуру, линию, диаграмму, иконку, эмодзи, градиент…
…а также фото или видео из встроенной библиотеки. Мы для простоты остановимся на фото. Здесь работает поиск по ключевым словам.
Выбранное изображение можно растянуть так, чтобы заняло всю площадь, и слегка повысить прозрачность (чтобы снизить шумность по совету дизайнера).
Теперь можно накладывать текст — на выбор есть много шрифтов и шаблонов текстовых элементов.
Текст шаблона редактируйте на свое усмотрение: цвет, размер, наклон. Можно добавлять тени и изгибы.
А чтобы использовать возможности живой обложки по максимуму, добавьте анимацию.
На выбор есть девять вариантов.
Выбирайте подходящий и жмите на «Применить анимацию» для более тонкой настройки по слоям. Когда все готово, кликайте на «Скачать» — «Сгенерировать видео» — «Скачать».
Вы великолепны! Осталось установить файлы в шапку группы. Для этого перейдите в меню сообщества ВКонтакте в «Управление» и найдите на панели управление обложкой.
Главная и живая обложки загружаются здесь.
Читайте другие наши полезные материалы о продвижении во ВКонтакте, и успехов вам!
- Как оформить группу ВКонтакте: гайд с чек-листом
- Как рекламировать сообщество ВКонтакте: от подготовки группы до запуска продвижения
Размер обложки группы Вконтакте
Если вы подписаны на разные группы в ВК, то заметили,
что в некоторых из них появились новые вытянутые прямоугольные обложки.
Теперь большинство сообществ напоминают мини-сайты. Чтобы сделать такой же
дизайн в своей группе, в первую очередь необходимо узнать, какой размер
обложки подойдет для группы ВК. В этом нам помогут настройки паблика.
На основной страничке паблика откройте пункт настроек. В старом дизайне
он находится прямо под авой рядом с кнопкой «вы подписаны». Там вы заметите иконку троеточия.
Кликните на нее и выберите «Управление ообществом».
- В блоке основных данных под описанием можно заметить
надпись «Обложка сообщества». - Кликните по кнопке загрузки.
- Вы увидите, какие размеры нужны для новой обложки.
Размер обложки для группы ВК составляет 1590 пикс./400 пикс.
Найти и сделать такое изображение помогут платные и бесплатные фотостоки,
фотошоп или обычный редактор пейт. Если вы хотите качественную обложку,
но сил и времени на создание у вас нет, закажите ее у веб-мастера.
Чем красочнее и интереснее будет картинка, тем больше подписчиков захотят зайти посмотреть,
что происходит в группе. Стоит отметить, что при загрузке вы не увидите место для стандартной авы.
Вместо нее в группе появиться небольшой кружок, куда можно будет загрузить фотку.
Для гармоничного дизайна лучше загружать тот же снимок который вы поместили на обложку.
Что делать, если денег на дизайнера нет, с фотошопом дела не клеятся,
но очень хочется получить красивую обложку для ВК? В этом нам помогут онлайн сервисы,
для создания обложек для группы. Один из таких называется Канва. Перейти и воспользоваться
им можно по ссылке https://www.canva.com/.
Разберем, как он работает.
- Изначально, зарегистрируйтесь через аккаунт ФБ или почту.
- На странице, куда вас перенесет сайт, выберите вверху справа пункт «Спец. размеры».
Вбейте туда значения, как мы показали на рисунке. - Перед вами появиться окно с шаблонами и дополнительными опциями.
Выберите тот шаблон, который вам больше всего нравится. Затем, нажмите на кнопку
поиска в подменю с левой стороны. Вбейте тематику фото. Канва покажет, какие снимки
доступны для выбора, среди них можно выбрать бесплатные или платные. При клике, изображение
переместиться на ваш шаблон. Напишите на нем, как называется сообщество, с помощью вкладки «Текст».
Добавьте графические элементы, если нужно.
Когда все готово, нажмите на кнопку для скачивания сверху.
Картинка будет доступна для вставки в сообщество. Сделайте несколько коллажей и проведите опрос
для подписчиков, чтобы узнать, какой из них круче. А чтобы группа эффективно развивалась,
прочитайте наш пост о советах и секретах ведения сообществ.
Обложка для группы Вконтакте готовые
Если нет никакого желания ничего создавать,
выберите обложку для группы в ВК из готовых вариантов.
Давайте посмотрим основные ресурсы, которые помогут это сделать. К примеру,
если вы ищете изображение на тему природы, моды, городов фантастики и минимализма
посетите площадку https://vk-oblozhki.ru/.
Чем хорош этот сервис? Во-первых, все фотки тут бесплатные.
Во-вторых, они удобно разделены на категории в шапке сайта. Еще один большой плюс в том, что можно
выбрать обложку по цвету. Минус заключается в не очень большом выборе и отсутствии уникальности.
Не факт, что такая же обложка как у вас не окажется еще у кого-то в группе. Если это не смущает,
выбирайте и скачивайте картинки к себе на ПК. Для этого нужно нажать на кнопку «Подробнее».
При переходе вы увидите, как будет выглядеть сообщество. Если привыкли к стандартному оформлению,
читайте нашу https://soclike.ru/news/viki_razmetka_vkontakte_dlya_chaynikov.
Roland — Поддержка — VK-8
Обновление системы VK-8 версии 2.0 (MAC-SMF)
Это последнее обновление для ВК-8. Пожалуйста, обратитесь к документу readme.pdf для получения информации о процедуре обновления.
Примечание для пользователей Mac: Если у вас нет доступа к программе секвенсора, вам потребуется приложение обновления UPD SMF.
Лицензионное соглашение на программное обеспечение Roland
Ни при каких обстоятельствах корпорация Roland не несет ответственности перед конечными пользователями за какой бы то ни было ущерб, включая, помимо прочего, финансовый ущерб в связи с упущенной выгодой или потерей информации в результате использования или невозможности использования этого средства обновления. Вышеизложенное положение действует, даже если Roland Corporation была уведомлена о возможности таких убытков.
Это юридическое соглашение между вами (физическим или юридическим лицом) и корпорацией Roland (далее именуемой «Roland») относительно использования данного программного продукта (далее именуемого «ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ»). Пожалуйста, внимательно прочитайте условия настоящего Лицензионного соглашения перед установкой или использованием ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ. Устанавливая, копируя или начиная использовать ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ, вы тем самым соглашаетесь с условиями настоящего Лицензионного соглашения.
1. ПРЕДОСТАВЛЕНИЕ ЛИЦЕНЗИИ
Компания Roland предоставляет вам следующие неисключительные права на использование ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ в соответствии с условиями настоящего Лицензионного соглашения.
(a) Вы можете одновременно использовать ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ только на одном конкретном компьютере. Использование ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ включает загрузку ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ во временную память (т. е. ОЗУ) или установку ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ на носитель (т. е. жесткий диск) компьютера, на котором вы будете использовать ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ.
(b) Вы можете сделать одну копию ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ только в целях резервного копирования (на гибком диске, магнитооптическом диске, DAT или подобном носителе), но вам запрещено делать какие-либо другие копии.
2. АВТОРСКОЕ ПРАВО
ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ и его авторские права являются собственностью Roland и защищены всеми международными законами и договорами об авторском праве.
Поэтому вы должны обращаться с ПРОГРАММНЫМ ОБЕСПЕЧЕНИЕМ так же, как с любым другим материалом, защищенным авторским правом (например, с книгой или компакт-диском). Все права, не предусмотренные настоящим документом, принадлежат Roland.
3. ПРОЧИЕ ОГРАНИЧЕНИЯ
(a) Вы не имеете права модифицировать, изменять, перепроектировать, декомпилировать или дизассемблировать ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ, а также уведомление об авторских правах и защищенный авторским правом логотип.
Несанкционированное копирование, загрузка в другую сеть, распространение, изменение и/или прикрепление этого программного обеспечения к другим носителям или любым другим предметам продажи категорически запрещено.
(b) Вы не должны одалживать, сдавать в аренду, сублицензировать или передавать ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ, полностью или частично, какой-либо третьей стороне. Но вы можете безвозвратно передать ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ и сопроводительные печатные материалы при условии, что у вас не останется копий Программного обеспечения, а получатель согласен с условиями настоящего Лицензионного соглашения. Если ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ было обновлено или обновлено, любая передача ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ должна включать самое последнее обновление и все предыдущие версии.
(c) Если это ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ содержит несколько шаблонов носителей (таких как дискеты и компакт-диски), и эти носители содержат одно и то же программное обеспечение, вы можете использовать только тот вид носителя, который подходит для вашего компьютера. Вы не должны использовать оставшуюся форму (формы) носителя на другом компьютере.
(d) Вы не можете использовать Программное обеспечение из нескольких мест многопользовательской или сетевой системы в любое время.
3.2 Программное обеспечение с открытым исходным кодом и другое стороннее программное обеспечение
(a) ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ может использовать программное обеспечение с открытым исходным кодом и другое стороннее программное обеспечение (далее именуемое «OSS и т. д.»).
(b) OSS и т. д. в случае предыдущего абзаца подпадают под действие лицензии OSS и т. д. (далее именуемой «Лицензия OSS»), и вы должны соблюдать условия Лицензии OSS.
(c) При наличии каких-либо различий между условиями настоящего Лицензионного соглашения и Лицензии OSS, Лицензия OSS имеет преимущественную силу, а условия настоящего Лицензионного соглашения не применяются.
4. ОТСУТСТВИЕ ГАРАНТИЙ
Roland не дает никаких явных или подразумеваемых гарантий в отношении любого программного обеспечения, включая, помимо прочего, любые подразумеваемые гарантии товарного состояния или пригодности для определенной цели.
5. НЕТ ОТВЕТСТВЕННОСТИ
Компания Roland не может отвечать на запросы относительно этого обновления системного программного обеспечения. Пожалуйста, полностью прочитайте инструкции и обратите внимание, что вы должны использовать ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ НА СВОЙ СОБСТВЕННЫЙ РИСК.
Ни при каких обстоятельствах компания Roland не несет ответственности перед конечными пользователями за какой бы то ни было ущерб, включая, помимо прочего, финансовый ущерб в связи с упущенной выгодой или потерей информации в результате использования или невозможности использования данного продукта. Вышеизложенное положение действует, даже если компания Roland была уведомлена о возможности таких убытков. Даже если ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ содержит какие-либо существенные, поддающиеся проверке и воспроизводимые программные ошибки, Roland не несет ответственности за исправление таких ошибок.
6. ПРЕКРАЩЕНИЕ ДЕЙСТВИЯ ЛИЦЕНЗИИ
Roland оставляет за собой право расторгнуть настоящее Лицензионное соглашение, если вы не соблюдаете какое-либо из условий настоящего Лицензионного соглашения. После такого прекращения вы должны немедленно прекратить использование ПРОГРАММНОГО ОБЕСПЕЧЕНИЯ.
7. ОБЩИЕ ПОЛОЖЕНИЯ
(a) Любое положение настоящего Соглашения, которое запрещено или не имеет исковой силы в какой-либо юрисдикции, будет считаться недействительным в пределах такого запрета или неисполнимости, не затрагивая, не нарушая или не аннулируя остальные положения настоящего Соглашения.
(b) Настоящее Лицензионное соглашение регулируется и толкуется в соответствии с законами штата Калифорния без ссылки на принципы коллизионного права.
- Я СОГЛАСЕН И ХОЧУ ПРОДОЛЖИТЬ ЗАГРУЗКУ.
Поддержка
- Верх
- Обновления и драйверы
- Руководства пользователя
- Сопроводительные документы
- Видео с кратким руководством
- База знаний
- Новости поддержки
-
Информация об устаревшем продукте
- Прочтите в первую очередь
- Руководства пользователя (0-9)
- Руководства пользователя (A-G)
- Руководства пользователя (H-M)
- Руководства пользователя (N-S)
- Руководства пользователя (T-Z)
- Обновление и драйверы (A-G)
- Обновление и драйверы (H-M)
- Обновление и драйверы (NS)
- Обновление и драйверы (Т-Я)
Быстрые ссылки
c – VK_FORMAT_FEATURE_COLOR_ATTACHMENT_BLEND_BIT в swapchain ImageViews
Я обновил драйверы nVidia и внезапно начал получать следующую ошибку проверки:
VUID-vkCmdDrawIndexed-blendEnable-04727 (ОШИБКА / SPEC): msgNum:
-1979288290 — Ошибка проверки: [VUID-vkCmdDrawIndexed-blendEnable-04727] Объект 0: handle =
0x5eb05e000000003b, тип = VK_OBJECT_TYPE_PIPELINE; | Идентификатор сообщения =
0x8a06751e | vkCmdDrawIndexed: функции формата представления изображения
цветное вложение (0) активного подпрохода не содержит
VK_FORMAT_FEATURE_COLOR_ATTACHMENT_BLEND_BIT бит, но активен
pAttachments[0].blendEnable конвейера не равен VK_FALSE. Вулкан
спецификации: если растеризация не отключена в связанной графике
конвейер, то для каждого прикрепления цвета в подпроходе, если
соответствующие функции формата представления изображения не содержат
VK_FORMAT_FEATURE_COLOR_ATTACHMENT_BLEND_BIT, затем blendEnable
член соответствующего элемента члена pAttachments
pColorBlendState должен быть VK_FALSE
(https://vulkan.lunarg.com/doc/view/1.3.211.0/windows/1.3-extensions/vkspec.html#VUID-vkCmdDrawIndexed-blendEnable-04727)
Вещи по-прежнему отображаются правильно, но я хотел бы решить проблему проверки.
Я немного не понимаю, как установить флаг VK_FORMAT_FEATURE_COLOR_ATTACHMENT_BLEND_BIT или вернуть его часть формата vkGetPhysicalDeviceSurfaceFormatsKHR.
Если это первое, как мне его установить, а если второе, как мне нарисовать его с включенным смешиванием и не получить ошибки проверки?
Спасибо!
- c
- графика
- GPU
- vulkan
Функции формата не устанавливаются вами; это ограничения, о которых вам сообщает реализация Vulkan, с которыми вы должны работать. В частности, функции формата — это свойства, которые ограничивают использование любого изображения с определенной комбинацией формата, мозаики и т. д.
На изображения Swapchain распространяются те же ограничения, что и на изображения, созданные пользователями. Спецификация подробно описывает, каким будет эквивалент VkImageCreateInfo
для конкретного vkCreateSwapchainKHR
вызов. Итак, это параметры, которые вам нужно отправить на vkGetPhysicalDeviceFormatProperties
, чтобы узнать, поддерживает ли ваша реализация какое-либо конкретное использование образа цепочки обмена.
Смешивание является таким применением. По-видимому, какой бы формат вы ни использовали, он допускал смешивание под старым драйвером, но это изменилось. И ваш код никогда не подтверждал, что он разрешен.
0
Ну, я пропустил еще одну ошибку проверки, которая дала мне ключ к поиску проблемы. Мне пришлось обновить VkApplicationInfo apiVersion до VK_API_VERSION_1_3.