Как скачать обложку с группы вк. Как сделать шапку (обложку) для группы в ВК

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Разработанная в нашей студии графического дизайна обложка магазина одежды

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

Что разместить на обложке группы Вконтакте:

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

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

Где заказать дизайн обложки?

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

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

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

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

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

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

Примеры наших работ по дизайну групп «было-стало»

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

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

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

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

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

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

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

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

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

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

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

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

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

Как вы заметили, параметры баннера не стандартны, если сравнивать с привычными аватарками. Чтобы выбранное вами изображение выгодно смотрелось, размер обложки группы ВК должен быть максимально приближен к 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. В окне с настройками не забудьте кликнуть на "Сохранить".

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

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

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

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

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

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

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

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

• Обложка страницы показывается вверху, на всю ширину паблика, размер 1590 х 400 пикселей;
• Большой аватар — вертикальный баннер 200х500 px (соотношение сторон 2:5), показывается справа вверху;
• Маленькая аватарка, круглая картинка, показывается в каждом сообщении группы, размер 200х200 пикселей.
• Изображение меню для группы Вконтакте, ширина 510 пикселей, высота — 307 (чтобы нижний край меню красиво совпадал с низом большой аватары справа).

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

Как сделать шапку для группы Вконтакте самостоятельно

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

Открой картинку в графическом редакторе. Обрежь или масштабирую до размера: длина 1590 px, высота 400 px.

Далее можно нанести необходимые надписи (название группы, слоган, призыв вступать в сообщество). Теперь нужно загрузить обложку в сообщество, для этого зайди в пункт меню «Управление сообществом»:

Кликни по надписи «Загрузить» в поле «Обложка сообщества».

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

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

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

Размеры шапки в паблике Вконтакте в новом дизайне

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

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

Процесс оформления меню группы Вконтакте состоит из следующих этапов:

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

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

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

Вертикальное меню сообщества ВК с пунктами в один столбик

Открой картинку в редакторе. Инструментом редактора «Текст» напиши пункты меню поверх фона. Чтобы надписи меню были заметны, их можно выделить несколькими способами:

• Обвести рамкой;
• Изменить цвет фона под буквами;
• Добавить буквам тень.

Ниже на скриншоте каждый пункт выделен одним из способов.

Следующий шаг — нарезка изображения на части:

Процесс нарезки изображения также можно выполнить с помощью удобного онлайн-инструмента www.imgonline.com.ua/cut-photo-into-pieces.php .

Далее в меню «Управление сообществом» зайди в пункт «Разделы» и в пункте «Материалы» выбери «Ограниченные» (это значит, что страницы создавать и редактировать сможет только администратор группы).

Нажми сохранить и перейди на главную группы. Возле раздела с информацией о группе появился пункт «Свежие новости».

Перейди в этот раздел и нажми редактировать. Измени заголовок на «Меню» а потом нажми на пиктограмму фотоаппарата, чтобы добавить изображение.

Щелкни по добавленной картинке и в окне свойств укажи ссылку на нужный раздел.

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

Каждый тэг изображения начинается «[[» и заканчивается «]]», состоит из трех частей, разделенных знаком «|»: ID изображения, свойства и ссылка. Нужно откорректировать размеры картинок и вставить в их свойства тег «nopadding». Свойства картинок перечисляются через «;».

После сохранения изменений создание меню завершено.

Меню с горизонтальным или многострочным расположением пунктов

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

Правила оформления таблицы:

• Начало обозначается символом «{|», конец таблицы — «|}».
• Дополнительные свойства указываются после «|~»
• Новая строка начинается с «|-».
• Каждая ячейка отделена «|».

Для исключения лишних пробелов нужно указать параметры таблицы «fixed nopadding noborder». Разметка графического меню из 2 столбцов и 2 строк выглядит так:

А само меню в группе:

Размер аватарки группы в новом дизайне для оформления паблика ВК

В сообществах Вконтакте используется два варианта аватарки:

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

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

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

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

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

Как сделать динамическую обложку в ВК первым способом — Конструктор динамических обложек ВК!

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

Так выглядит страница на которую Вы попадаете после перехода по ссылке, которую я Вам дал выше.

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

Затем в поле «Пустой шаблон» Кликните левой кнопкой мышки и перед Вами откроется страничка, где Вы введете название обложки. И следом жмите на кнопку :

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

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

А мы с Вами переходим к следующему вопросу...

Второй способ создания динамической обложки для группы Вконтакте — Скрипт динамическая обложка ВК

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

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

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

Да, совсем забыл...

Вот видео о котором я Вам говорил «Видеоурок по созданию динамической обложки ВК» :

Теперь все! До новых встреч!