Обложка для группы Вконтакте. Размеры и пример создания

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

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

Что такое обложка в группе?

Это элемент оформления, расположенный в верхней части экрана. Чаще всего обложка, это просто оформленный графический файл.

Бывают живые и интерактивные обложки, но о них мы поговорим в других материалах.

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

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

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

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

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

Давайте рассмотрим примеры:

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

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

Третий пример – самый простой – на обложке погода в реальном времени.

Размеры обложки для сообщества Вконтакте

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

• 1590×400 px
  . Общий размер.
• 1196×315 px
  . Видимая область для мобильных устройств.
• 197 px
  . Горизонтальные отступы по краям.
• 85 px
  . Отступ сверху.

На картинке ниже представлена раскройка.

Для чего нужны отступы? Если Вы загрузите полноразмерный файл, то при просмотре с компьютера он будет отображаться нормально. Но на мобильных устройствах картинка уменьшается, чтобы попасть в маленький экран. И остается меньшая область, отмеченная границами 1196×315 px,

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

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

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

Пора повторить это на практике.

Как быть, если на мобайле всё плохо?

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

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

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

Я буду работать с графическим редактором Photoshop. Вы можете использовать любой другой.

Первым делом нужно подготовить рабочий файл. Создайте новый проект, и укажите для него размеры — 1590×400 px. В Photoshop это делается через меню «Файл — создать».

Давайте зальем рабочую область, чтобы было лучше видно.

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

Верхний отступ — 85 px. Значит направляющая должна быть горизонтальная. И положение у нее «85px». Отсчет идет сверху вниз.

Тоже самое и с боковыми отступами. Левый отступ — это вертикальная направляющая, с положением 197px.

Чтобы посчитать правый, нужно из общей ширины вычесть отступ — 1590 — 197. Получается 1303 px.

Выставляем направляющие, через меню «Просмотр», и пункт «Новая направляющая».

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

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

Когда закончите, нажмите Ctrl+Alt+Shitf+S, для сохранения обложки. Выберите расширение для файла — PNG или JPG. Затем сохраните обложку.

Размеры для историй

Размер для фотографий — 1080х1920 рх.Размер для видео — 720х1280 рх.

Технические характеристики для видеозаписей:

• до 15 секунд;
• не больше 10 МБ;
• кодек h.264;
• звук AAC.

Используйте фото и видео вертикального формата.

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

Делать это могут только администраторы (см. как добавить администратора в группу Вконтакте?).

Перейдите в нужную группу, откройте раздел «Управление», и перейдите на вкладку «Настройки». Здесь найдите пункт «Обложка сообщества», и нажмите на ссылку «Добавить».

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

Теперь она будет доступна для просмотра на главной странице сообщества.

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

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

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

Как в ВК добавить видео с компьютера?

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

• Авторизуйтесь в системе;
• Найдите в перечне слева раздел «Видеозаписи», щелкните;
• В верхнем углу справа, прямо под малой аватаркой, есть клавиша «Добавить запись»;
• Откроется окно с двумя кнопками: «Вставить ссылку с другого сайта» и «Выбрать файл». В зависимости от вашего выбора, нужно вставить ссылку со стороннего видеохостинга или указать путь к файлу с жесткого диска компа;
• Далее начнется загрузка. Раскроется окно с полями для ввода описания ролика, его названия, выбора обложки. Здесь же вы легко сумеете выставить нужные настройки приватности для просмотров и комментирования;
• Заполните все графы, дождитесь окончания загрузки (100%) и нажмите клавишу «Готово».

Как добавить видео в Контакте к себе на страницу?

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

1. Добавьте ролик по инструкции, приведенной выше;
2. Пока файл будет заливаться, укажите описание, название, выберите обложку;
3. Обратите внимание, прямо над клавишей «Готово» есть поле для о;
4. Поставьте галку и жмите синюю кнопку, чтобы завершить процесс.

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

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

Как добавить видеозапись в ВК в альбом?

Перед тем, как добавить видеозапись в ВК в альбом, его для начала нужно создать — вот как это делается:

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

Альбомы удобно использовать, если вы планируете добавить свое видео в ВК — несколько роликов, объединенных одной тематикой. Эти папки позволяют систематизировать видеоконтент. У многих пользователей общее количество залитых роликов достигает нескольких сотен, в этом случае, создание отдельных альбомов становится лучшим решением для быстрой сортировки.

Запомните два решения, к которым стоит прибегнуть, когда не получается добавить видео в ВК, если нет кнопки «Добавить»:

1. Возможно ролик был загружен неправильно — рекомендуем кликнуть на нем правой кнопкой мышки и выбрать «Открыть в новой вкладке». Скорее всего клавиша добавления теперь появится;
2. Если ничего не вышло — скачайте видео на свой жесткий диск, а затем добавьте, как собственный. Для скачивания рекомендуем установить специальное дополнение в браузер, например, SaveFromNet, VK Saver, Скачать музыку и видео из ВК и другие.

Как добавить видео на стену в Контакте?

Добавить видео на стену в Контакте так же просто, как залить туда заметку или загрузить фотку:

• Откройте страницу и щелкните на стене в поле «Что у вас нового»;
• Обратите внимание на значки под полем — вам нужно изображение пленки;
• Щелкните, чтобы открылось вспомогательное меню;
• Отсюда можно выбрать ролик с диска устройства или вставить ссылку с Ютуба;
• Выберите нужный файл и кликните по нему.

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

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

Как добавлять запись с мобильного?

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

1. Зайдите в приложение;
2. Щелкните по трем полоскам в нижней части экрана справа;
3. Выберите раздел «Видео»;
4. Кликните по плюсику в правом верхнем уголке;
5. Развернется список действий:

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

Чтобы залить ролик на стену:

1. Зайдите в раздел «Новости»;
2. Щелкните по полю «Что у вас нового»;
3. Найдите значок «Видео» (возможно он будет скрыт под тремя точками подменю);
4. Выберите файл из своего каталога, чтобы поместить его на стену. Кстати, предварительно ролик нужно отправить к себе в соответствующий раздел.

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

Возможные проблемы

Иногда у пользователей возникают проблемы с заливкой записей, поэтому запрос «почему не могу добавить видео в ВК» пользуется таким большим спросом. Итак, в чем кроется причина загрузить файл в сеть?

1. У вас проблемы с Интернет-соединением. Попробуйте зайти на другие сайты, проверить, как они грузятся;
2. На сайте ВК идут технические работы. Не стоит сразу же писать в техподдержку, немного подождите;
3. Видео залито некорректно. Попробуйте открыть его в другом окне;
4. Возможно файл нарушает авторские права;
5. Его размер не должен быть больше 2 Гб;
6. Содержание содержит элементы порнографии, экстремистские высказывания, жестокие кадры;
7. Вы пытаетесь использовать запись с не поддерживаемым форматом.

Допустимые форматы: AVI, MP4, 3GP, MPEG, MOV, MP3, FLV, WMV.

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

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

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

Источник: https://faqkontakt.ru/kak-dobavit-video-v-vk/

Виды

Как только данная технология появилась,вся категоризация подразумевала только лишь различия самих картинок (обычные, яркие, спамные, с текстом и т.д).

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

Условно все фоны можно поделить на:

• Статические;
• Динамические.

Давайте же подробнее рассмотрим каждый из них.

Как сделать статическую обложку?

Для создания статический фон Вы можете обойтись готовыми вариантами, которых полно в интернете. Сейчас достаточно ввести поисковый запрос «Обложки для групп ВК» и Вы получите перечень сайтов, предлагающих бесплатно скачать готовые шаблоны. Там есть картинки на любой вкус и любые тематики. Также они уже имеют рекомендуемые размеры 1590 х 400. Либо Вы можете взять любое изображение высокого качества.

Хороший сайт, где можно скачать готовые шаблоны – vk–oblozhki.ru

Но, как правило, это просто фото/картинка, без названий и какой-либо другой информации.

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

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

Если Вы обладаете навыками работы с графическими редакторами, то сможете сделать это в Photoshop, illustrator или другом редакторе. Мы советуем всегда сохранять свои работы в формате PSD (PhotoshopDocument). Таким образом, Ваше изображение будет растровым и его можно будет подогнать под любые размеры без потери качества.

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

• com;
• com.

Это наиболее популярные проекты среди своих аналогов.

Как сделать динамическую обложку?

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

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

Наиболее популярные сервисы:

• DynamicCover;
• BoomCover;
• Revoc;
• Line-Cover.

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

Примерная стоимость таких сервисов – 100 руб./мес.

Советы и рекомендации

Ниже мы представим список наших советов и рекомендаций:

1. Используйте динамические обложки, только если в них есть необходимость. Динамические обложки не всегда выглядят красиво. Особенно когда на них через чур много различных виджетов. Порой поставить простое изображение, с текстом или без – лучший вариант.
2. Используйте небольшие указатели типа «Подпишись» или «Задай свой вопрос», которые будут лаконично вписываться в общий дизайн, над соответствующими кнопками. Они будут побуждать пользователей к действию.

1. Не используйте спамные обложки. Они слишком часто вызывают негатив у пользователей.

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

1. Если есть возможность заплатить – используйте помощь профессионалов, которые могут полностью оформить Ваше сообщество.

Примеры успешных работ

На самом деле, хороших примеров очень много. Мы покажем лишь несколько работ.

1. Простое красивое изображение. Учитывая, что данный паблик специализируется на красивых картинках, фото – это подходящий вариант.

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

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

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

Эти примеры – лишь капля в океане. ВКонтакте полно групп с красивым оформлением, на которые Вы можете равняться.