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

One more step

Please complete the security check to access www.canva.com

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 644d38d18a622d7f • Your IP : 88.135.219.175 • Performance & security by Cloudflare

Как сделать в группе вк картинку сверху

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

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

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

Какие размеры для обложки

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

Выбранный файл должен быть определенного размера. Это может быть или 795x200px, или 1590x400px.

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

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

Размеры обложки

Как сделать картинку в шапке группы вк

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

Аватвр в группе

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

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

Создаю новый файл размера 1590x400px и вставляю в него нужную мне картинку. Дальше сохраняю его, но не обычным способом, а выбрав пункт «Save for Web & Devices». Обратите внимание на размеры сохраняемого файла. Дальше нажимаю «Save».

Если пользуетесь другой программой, тогда сохраняйте обычным способом – или «Сохранить», или «Сохранить как». Формат изображения должен быть *.jpg, *.gif, или *.png.

Создание изображения в Photoshop

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

Управление сообществом

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

Обложка - Загрузить

Дальше нажмите на кнопку «Выбрать файл».

Обратите внимание, он должен быть определенного размера: 1590х400, и формата: *.jpg, *.gif, *.png.

Выбрать файл

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

Найдите изображение

Подождите, пока она загрузится. Затем, используя маркеры в углах, можно указать, какая область будет отображаться на странице. Нажмите «Сохранить и продолжить».

Сохранить и продолжить

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

Вернитесь на главную страницу

Теперь у Вас вверху красивое изображение, которое будет привлекать посетителей.

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

Группа с обложкой

Если же Вам не понравилось, как выглядит группа с такой оболочкой, снова зайдите в «Управление сообществом», и в поле «Обложка сообщества» нажмите «Удалить». Изображение будет убрано со страницы, и Вы снова можете поставить аватарку.

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

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

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

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

  1. Что такое обложка в группе?
  2. Размеры обложки для сообщества Вконтакте
  3. Как сделать обложку для группы ВК?
  4. Загружаем обложку в сообщество
  5. Файлы для загрузки
  6. Видео гид. Учимся создавать обложку для группы Вконтакте

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

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

Пример обложки

Пример обложки

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

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

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

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

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

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

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

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

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

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

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

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

Выделение рабочей области

Выделение рабочей области

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

Внешний вид обложки, при просмотре с мобильного

Внешний вид обложки, при просмотре с мобильного

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

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

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

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

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

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

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

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

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

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

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

Макет файла

Макет файла

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

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

Сохраняем готовую обложку

Сохраняем готовую обложку

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

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

Переходим к настройкам сообщества

Переходим к настройкам сообщества

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

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

Просмотр готовой обложки

Просмотр готовой обложки

Файлы для загрузки

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

Ссылка на основную публикацию