Обложка для группы вконтакте

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

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

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

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

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

Размеры ШАПКИ (Обложки) для вконтакте:

Размер стандартной обложки для ПК или ноутбука – 1590 x 400.

Для мобильных телефонов эти размеры аналогичны. Но разница в том что на экране мобильного телефона края обложки обрезаны до 1196 пикселей по ширине, т.е. -197px с обеих сторон. Вместе с эти нужно учитывать бар (уровень зарядки, время и т.д.) находящийся вверху экрана мобильного, поэтому отнимаем еще -83px по высоте. К этому добавляем боковые кнопки приложения, что значит еще -140px по ширине с обеих сторон.

Таким образом безопасной зоной гарантирующей правильно отображение на ВСЕХ мобильных телефонах и планшетах — 916 x 317 пикселей. Используйте эти размеры при выборе расположения текста или иллюстраций, которые должны быть видны.

Размеры Аватара (Авы) для ВКонтаткте:

Самый минимальный размер аватарки (без обложки) который Вконтакте позволяет загружать – 200x200px, притом если по ширине горизонтальный прямоугольник не получается без обрезки, то по вертикали (высоте) можно использовать вплодь до 500px при ширине 200px. Максимальное разрешение без обрезки – 2800-7000px (всё просто..и прапорционально). Но поскольку больше 70% посетителей используют мобильную версии, настоятельно рекомендую использовать шапку (обложку) как основной акцент внимания (но не забывайте про минимальные 200x200px). Кстати, максимальный размер для миниатюры аватара — 2800x2800px.

Размеры изображения для товаров:

При создании изображения товара стоит ориентироваться на квадрат 1000x1000px. Максимум прикрепляемых картинок к одному товару – 5, включая главное.

Размер изображений для записей:

Что бы по максимуму использовать доступную ширину и высоту для баннера в сообществе, берем минимум 510x510px. Особенно это правило касается ширины. Если размер взять меньше чем 510px, баннер будет сужен с правой стороны.

Для прямоугольных баннеров просто делаем высоту меньше ширины. Соотношение сторон при этом выбирайте примерно 3:2.

Размер обложки для статьи:

Для статей лучше всего использовать изображения размерами 510x286px.

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

Размеры обложки для альбомов:

Когда нужно будет установить обложку для альбома, советую взять именно 1000x660px для наиболее точного и правильного отображения. При этом следует учесть, что снизу обложки находится информация о альбоме (название, количество загруженных фото) с затемнением, поэтому отступаем 170px от нижней границы будущей обложки.

Размеры тизерной рекламы:

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

145x165px и 145x85px.

Здесь так же фиксированы размеры – 537x240px.

Размеры карусели

Оптимальным размер картинок в карусели — 600x600px.

Было жутко лень рисовать графику для поста, поэтому «одолжил» у ребят из сообщества CMM.Дизайн. Они, кстати, сделали заготовки для всех типов изображений в psd формате:

Макеты для Вконтакте.zip

Создание динамической обложки для сообщества ВК

Создание динамической обложки необходимо начать с регистрации на сервисе VKFILLER.

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

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

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

Вам откроется окно с конструктором для создания динамической обложки.

Здесь все настолько просто, что разберется даже новичок.

1 шаг – необходимо добавить картинку для обложки. Сделать это можно через кнопочку Изменить фон. Разрешение: 795×200рх или 1590×400рх.

2 шаг – добавление виджета. На момент создания этой статьи сервис автопостинга VKFILLER предлагает 17 виджетов на выбор:

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

Внимание! Установленные виджеты вы можете перетаскивать по картинке с помощью мышки!

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

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

3 шаг – это настройка частоты обновления. VKFILLER позволяет выставить обновление динамической обложки раз в 1 минуту, каждые 5 минут, 15, 30 минут, час.

Частота обновления будет влиять на ваш баланс. Но это, на самом деле, не дорого.

Давайте посчитаем: одно обновление динамической обложки стоит 0,003 рубля. Если в настройках вы установите обновление обложки каждую минуту, то получим следующий расчет:

24 часа * 60 минут * 0,003 рубля = 4 рубля 32 коп. Т.е. за сутки с вашего баланса спишется всего 4 руб. 32 коп! А за месяц (30 дней) 129 руб. 60 коп. Вполне приемлемая цена!

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

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

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

Примеры: хорошие и плохие обложки

Чтобы было понятней – приведем примеры хорошего и плохого оформления с точки зрения профессионалов.

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

На примере ниже основная информация размещена в статусе сообщества, а фон и атмосферу сообщества задает обложка.

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

А этот пример картинки слишком перегружен

Дизайнеры решили уместить все и сразу в одну картинку, что рассеивает внимание читателя и не выделяет главного

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

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

1. Сначала зарегистрируйтесь. Выберите 1 из 5 тематик регистрации. В зависимости от вашего выбора, сервис вам окажет актуальные шаблоны. Дальнейшая регистрация очень проста, и состоит из 3 вариантов:

• google-аккаунт;
• стандартная через логин — пароль.

2. Выбор шаблона и Добавление своей команды — можете пропустить так как это можно сделать и позже. А так как VK еще нет в шаблонах на странице «Я хочу создать…» жмите «Больше типов дизайнов».

3. Кликните «Настраиваемые размеры» и укажите уже знакомые размеры шапки ВК.

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

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

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

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

7. После подготовки, в рекомендованном формате кликните «скачать».

После этих 7 шагов, бесплатно созданная онлайн-обложка для сообщества вк — уже подлежит публикации.

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

Простой вариант обложки группы ВК.

Для удобства подгонки фотографии нужно вырезать прямоугольник из скриншота. При этом прямоугольник пропадет. Поэтому сначала копируем прямоугольник через CTRL+C и CTRL+V или + на дополнительной клавиатуре. Выделяем скриншот и прямоугольник и вырезаем прямоугольник из скриншота.

Теперь идем в гугл картинки и ищем подходящую картинку. Какая бы тематика у вас не была, самые подходящие картинки вы найдете по запросам «тематика + обои (арт, на рабочий стол и т.п.)». И ставим «Размер» — «Большие». Ищем то, что можно обрезать под узкую шапку группы. Лучше сразу скачать 3-5 понравившихся вариантов. Беру первый подходящий вариант.

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

Теперь можно «поиграть» с изображением и поставить обложку в ВК как понравится. Лишний кусок пока ни на что не влияет. Но для наглядности можно скрыть его белым прямоугольником.

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

Чтобы выделить текст на фоне есть 2 просты варианта. Первый вариант — создаем прямоугольник, в правом окне опускаем его ниже текста. Можно закруглить края, сделать овал или любую другую фигуру. Левой кнопкой делаем заливку, в моем случае белую. И добавляем прозрачность. Регулируем прозрачность пока не понравится.

Второй вариант — создаем контур снаружи текста и заливаем его другим цветом. Вкладка «контур» создается по пути «Окно» — «Окна настройки» — «Эффекты» — «Контур».

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

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

Функция «Пересечение» в Кореле работает как рулетка. Иногда нужно поставить прямоугольник выше фона, чтобы создался не еще один прямоугольник, а именно кусок фона. Корел немного странный. Получилось вполне прилично. Повторюсь — я создал эту обложку в ВК за 5 минут. На обложку можно потратить и час, тогда можно сделать что-то действительно красивое. Но хочу вас предостеречь — лучше быстрее и проще. Не надо городить на обложке все подряд. Только основное инфо и лаконично.

И еще один момент. Фотография довольно контрастная. Мне нравятся цвета помягче, поэтому можно создать прямоугольник поверх, сделать его прозрачным на 70-90% и залить каким-нибудь цветом. Вверху белая заливка, внизу — черная. Тут уже вкусовщина. Но белый вариант мне нравится больше, не так напрягает глаза.

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

Дополнительно, для выравнивания можно применять прямоугольники. Например, чтобы фон текста имел одинаковый отступ, нужно протянуть прямоугольник от края фона до текста — у меня это красный прямоугольник. Затем перенести или скопировать его к тексту ниже. Видите? Там чуть больше фона, его можно подвинуть до прямоугольника и он прилипнет к нему. Идеальная точность.

Если нужно выровнять нижние «кнопки» относительно фона, то от фона протягиваем прямоугольник и ровняем по нему. Либо наоборот — ровняем фон по кнопкам. Дело нескольких минут, а в результате идеальная верстка и ни один глаз ни одного перфекциониста не начнет дергаться.

Теперь сохраняем изображение, выделяем все, что нам нужно и нажимаем CTRL+E или «файл» — «экспорт». В меню выбираем формат и ставим галочку «Только выбранные», иначе сохранится весь наш лист, если там было что-то еще.

Обязательно ставим Цветовой режим в RGB. Настройку качества на свое усмотрение, но 95% не портит вид, а размер существенно меньше. И выбираем размер для сохранения 1590*400 пикселей.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вы используете паблики ВК для добычи трафика?
26 голосов

Вакансии

Арбитражник с опытом в нутре
MedicalArts

после собеседования

Удаленно

Редактор
Partnerkin

от 40 000 до 70 000 ₽

Удаленно

Media Buyer/Арбитражник
Affstar

после собеседования

Удаленно

Все объявления

Разместить

Стоят ли динамические обложки своих денег?

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

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

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

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

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

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

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

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

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

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

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

Рекомендации по выбору изображения для шапки:

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

Товары

Размеры: не меньше 600 px.

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

Редактор не позволяет растягивать область выбора миниатюры

Установленный квадрат будет показан в товарном ряду, при клике карточка товара откроется с исходной картинкой.

Миниатюра товара из товарного ряда

Открытая карточка товара

Чтобы качество не портилось, рекомендуем брать размер не менее 600 px. Как видно, с горизонтальной иллюстрацией образуются пустые поля, так что выгодным решением мы считаем квадратные иконки. Для своего товарного ряда мы их и выбрали:

Ряд с товарами в группе PR-CY

Открытая карточка товара

Размер самого изображения должен быть не меньше 400 и не больше 6000 px по каждой из сторон. И мы рекомендуем оформлять изображения карточек товара в одном стиле, чтобы они выгодно смотрелись в списке плиткой.

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

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

Основы SMM. Часть 2: Составляем контент-план на примерах и шаблонах

Основы SMM. Часть 3: Обратная связь в группе

Основы SMM. Часть 4: Сервисы для общения с подписчиками в соцсетях

Как загрузить обложку в группу вк

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

Рис2. Где находится кнопочка вконтакте «Управление сообществом»

После этого вы переместитесь в панель управления вашей группой. Здесь вы автоматически попадете в раздел «Настройки». Если вы вдруг окажетесь в другом разделе, то вам необходимо оказаться именно здесь:

Рис 3. Настройка группы вконтакте

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

Рис 4. Как загрузить обложку ВКонтакте

Однако это еще не всё. Дальше мы расскажем о еще одной возможности управления обложкой, поэтому советуем читать дальше. Итак, вы нажали «Загрузить»:

Рис 5. Окно загрузки для обложки сообщества

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

Рис 6. Выбор области рисунка для шапки группы

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

Рис 7. Область изображения можно выбрать любого размера

Теперь давайте посмотрим, как это будет выглядеть. Когда вы выберете необходимую область, просто кликните «Сохранить и продолжить». Сначала у вас появится сообщение о том, что изображение успешно загружено. Но это еще не все. Необходимо нажать на кнопочку «Сохранить», как показано на рисунке, иначе у вас ничего не получится. Многие видят сообщение о том, что изображение загружено и сразу переходят в группу, что вводит потом в заблуждение типа «А где же шапка?». Поэтому, повторимся, кликаем «Сохранить»:

Рис 8. Не забудьте нажать СОХРАНИТЬ после загрузки изображения

Когда вы нажмете «Сохранить», визуально ничего не изменится. Но вы можете уже проверить, что получилось. Для того, чтобы перейти в группу, ссылка на неё располагается здесь, над подразделом «Настройки»:

Рис 9. Как из раздела настроек перейти в группу

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

Рис 10. Для обложки группы ВК необходимо использовать изображение высокого разрешения

Это потому, что мы выбрали очень маленькую область картинки, а картинка имела небольшое разрешение. Чтобы у вас все было четко, используйте фото с большим разрешением либо соблюдайте точные размеры. Точные размеры шапки для группы вконтакте 1590х400 пикселей.

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

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

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

Рис 12. Описание значков редактирования обложки

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

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

Теперь наша группа имеет яркую и четкую обложку (заставку, шапку, как угодно это можно называть):

Рис 14. Обложка высокого разрешения выглядит четко и привлекательно

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

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

Посты

Размеры: не менее 700 px в ширину для обычных постов, не меньее 510х288 px для статьи в редакторе.

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

Ответ поддержки о влиянии размера картинки на позицию в выдаче

Основатель Церебро Таргет Феликс Зинатуллин утерждает, что картинка должна быть не менее 700 пикселей в ширину. Как показывает его опыт, у постов с картинками шириной в 700 пикселей и с шириной в 699 может быть разница охватов в два раза.

Параметры картинки могут быть любыми, но лучше остановиться на квадратных и горизонтальных прямоугольных изображениях. Для примера мы взяли три варианта: квадратную картинку, изображения в вертикальной и в горизонтальной ориентации в 1000 px по ширине.

Десктопный просмотр

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

Мобильный просмотр

Есть другой формат поста — статья в редакторе. Обложка для нее должна быть горизонтальной, картинка сожмется до размера 510х288 px. Какие-либо изображения лучше помещать дальше от центра, заголовок тоже писать не нужно, он автоматически встанет посередине. Заголовок пишется белым шрифтом, но подсвечивается тенью, так что темные иллюстрации смотрятся лучше, но и на светлом текст не теряется.

Иллюстрация для статьи со светлым фономИллюстрация для статьи с темным фоном

Еще одна рекомендация для картинок — не пишите на них слова «лайк», «репосты» и прочее, что теоретически можно отнести к накруткам. Алгоритмы ВКонтакте борются с лайко-попрошайками и занижают охват таких постов. Об этом говорит эксперимент Церебро Таргет: два одинаковых поста получили разный охват подписчиков, на одном из них был замазан «лайк»:

Охваты у одинаковых постов

Заключение

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

При загрузке шапки в группу: Мы рекомендуем загружать изображения в разрешении 1590×400. Формат — JPG, GIF или PNG. Причем можно сделать обложку вконтакте оригинальной — динамичной. С помощью обложки группы можно выводить практически любую информацию — например, время или количество подписчиков группы. В мобильной версии надо учесть что края обрезаются на 197 с каждой стороны. Причем 83 сверху занимают индикаторы мобильного устройства, а 140 с обеих сторон дополнительно заняты для кнопок сайта. Учитывая эту информацию подготавливайте шапку адаптивную для группы в вк.

Фото профиля вашей страницы: Отображается с разрешением 170×170 на вашей cтранице на компьютерах, 128×128 на смартфонах и 36×36 на большинстве многофункциональных телефонов. Фото обложки вашей Страницы: Имеет 820 пикселей в ширину и 312 пикселей в высоту при просмотре вашей Страницы на компьютерах и 640 пикселей в ширину и 360 пикселей в высоту при просмотре на смартфонах. Не отображается на полнофункциональных телефонах. Шапка для групп должна быть 851×314, но можно взять размер больше, сохранив при этом пропорции, а так как еще виден аватар на странице группы Facebook, то его размеры мы тоже должны сказать: Аватар – 180×180, но можно загрузить и более высокое разрешение. Используйте файл PNG, для лучшего отображения фото вашего профиля и обложки с вашим логотипом.

Фото профиля вашей страницы. Минимальный размер фото — от 250×250 (оптимальным считается размер аватара от 650 до 1000, тогда он хорошо виден со всех типов устройств) — максимальный размер аватара до 2048×2048. А вот обложка сообществ должна иметь горизонтальную ориентацию с соотношением сторон 16: 9. Размеры обложки должны быть и не маленькими и не большими чтобы четко отображались на всех устройствах самый подходящий размер от 540 по вертикали до 1080 от 980 до 1920 по горизонтали это средний размер, который хорошо смотрится со всех типов устройств в Google +;

Аватар должен иметь размеры 288×288, со ссылкой на официальный блок в одноклассниках, а личный фон у групп может быть только от 10000 подписчиков: размеры фона 1340×320

Размеры обложки в группу должны быть не меньше, чем 600 ширину и 160 в высоту, а ее пропорции после масштабирования укладываются в 3,75 к 1 также ширина к высоте

Вот с отображением обложки в youtube есть особенности, на разных устройствах отображается по-разному, в основном отображаемая область находится в центре Минимальный размер изображения: 2048×1152 Минимальный размер «безопасной зоны»: 1546×423. Это та часть изображения, которая видна на всех устройствах. Максимальная ширина: 2560×423 пикселей. Если загрузить такое изображение, то «безопасная зона» будет отображаться полностью, а остальные части картинки – в зависимости от окна браузера. Размер файла: не более 4 МБ. Чтобы определить оптимальную ширину и высоту изображения или посмотреть, как оформление будет выглядеть на разных устройствах, загрузите Channel Art Templates. Сейчас при загрузке обложки рекомендуемый размер: 2560×1440

Flickr масштабирует обложку на ширину окна, а затем обрезает ее на высоту 234. Оптимальный размер обложки фото 2048×492. а вот фото профиля 300×300.

Размеры обложки: 1500×500 Размеры картинки для твита: 1024×512 Фото профиля: 400×400 — такие размеры указаны в support.twitter

Картинка для поста: 1080×1080 Фото профиля: 110×110

Фото для пина: 735×1102 Фото профиля: 165×165 В ленте все картинки отображаются в размере по ширине — 235 px. Пропорции сохраняются до тех пор, пока равны 2:3 – 1:3,5. Если изображение вытянутая (более 1:4), Pinterest ее обрежет и полную версию можно будет посмотреть только при клике. При клике картинка открывается до 735 по ширине.